Javascript Jquery从div节中追加文本

Javascript Jquery从div节中追加文本,javascript,jquery,html,Javascript,Jquery,Html,我试图使用jquery向div sectionj添加文本,但是文本超出了我想要的div。。我的html看起来像: <!--CONTENT AREA--> <div id="content"> <div id="content_inner"> <h2 id='titulo'>BUSCAR:</h2> KEYWORDS: <input type='text' id='paramsQuery'>

我试图使用jquery向div sectionj添加文本,但是文本超出了我想要的div。。我的html看起来像:

<!--CONTENT AREA-->
<div id="content">
  <div id="content_inner">
    <h2 id='titulo'>BUSCAR:</h2>
    KEYWORDS: 
    <input type='text' id='paramsQuery'>
    <input type='submit' id='botonBuscar' value='buscar'>
    <div id='results'></div>
  </div>
</div>  

有什么建议可以使文本保持在所需的宽度上吗?

您正在将结果添加到不在提供的代码中的元素中。也许你想把它放在
#results

$(function() {
  $("#botonBuscar").on("click", function() {
    $("#results").append( $("#paramsQuery").val() ); 
  });
});
演示:

如果您的文本溢出框,您可以在那里有一些选项。你可以打破界限:

#results {
  word-wrap: break-word;
}
或者您可能会导致滚动:

#results {
  overflow-x: scroll;
}
或设置文本溢出以显示省略号:

#results {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}

我估计你这里缺少一些HTML,请提供相关的HTML代码,祝你有一个好的!请告诉我们完整的代码。你的样本中没有
column3\u internal
div。这个问题怎么能被否决呢?请看一下问卷:)demo对不起,我犯了错误,事实上就像你说的,但我仍然有同样的问题。。。。文本宽度超过我的divwidth@user1391791在
#results
元素上设置
wrap
overflow-x
#results {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
}