Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery/JS/CSS如何将单词添加到句子中,以便逐字向上推句子_Javascript_Jquery_Css_Text_Append - Fatal编程技术网

Javascript 使用jquery/JS/CSS如何将单词添加到句子中,以便逐字向上推句子

Javascript 使用jquery/JS/CSS如何将单词添加到句子中,以便逐字向上推句子,javascript,jquery,css,text,append,Javascript,Jquery,Css,Text,Append,我不想从左到右,我希望句子被附加到,从右到左移动,同时向上推。在我的更新网站上签出;) 您可以在段落内使用elementdiv。div应具有宽度或左边距 它可能看起来像这样。如果需要,您可以动态创建div。只需将其添加到p(CSS):- HTML:- <button id="Append">Add Text</button> <p>This is a paragraph</p> 添加文本 这是一段 JQUERY:- $(document).r

我不想从左到右,我希望句子被附加到,从右到左移动,同时向上推。在我的更新网站上签出;)


您可以在段落内使用element
div
div
应具有
宽度
左边距

它可能看起来像这样。如果需要,您可以动态创建
div

只需将其添加到p(CSS):-

HTML:-

<button id="Append">Add Text</button>

<p>This is a paragraph</p>
添加文本
这是一段

JQUERY:-

$(document).ready(function(){
  $("#Append").click(function(){
    $("p").append("<span> Word </span>");
  });
});
$(文档).ready(函数(){
$(“#追加”)。单击(函数(){
$(“p”)。附加(“文字”);
});
});

检查一下这个

我没有正确理解这一点。。你想让剩下的作品排在“我想要”下面吗?我不明白你的答案。“我”不会被左右推。不,这是下降的,不是上升的。我需要这个句子中的单词
<button id="Append">Add Text</button>

<p>This is a paragraph</p>
$(document).ready(function(){
  $("#Append").click(function(){
    $("p").append("<span> Word </span>");
  });
});