css - div在AJAX调用后不换行

原文 标签 css html html-table

我的div有问题。如果我按以下方式操作,则div可以很好地包装文本:

<div class="ChatBox">
        <div id = "AllMessages" class ="AllMessages" style="position:absolute;width:100%;">fljadhfldhsfkljasdhfkjddasfasdfasafsdhasflhdasfhasdfjhdhasfkladfsdsf</div>
</div>


但是,当我执行AJAX调用并使用javascript更改div的内容(插入由AJAX调用返回的内容)时,包装不起作用。
返回的结果是HTML表,如果有话要说?

xmlhttp.onreadystatechange=function()
{
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
    document.getElementById('AllMessages').innerHTML=xmlhttp.responseText;
  }
}


它只是在面板上添加了一个滚动条,因此可以向右滚动以查看整个内容。

希望任何人都能提供帮助。
谢谢!

最佳答案

修改css属性为

.AllMessages
{ 
height:auto
overflow:auto
}


希望这会起作用。

关于css - div在AJAX调用后不换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10493747/

相关文章:

javascript - 延迟页面渲染,直到下载图像

javascript - 汉堡菜单仅在一个链接上起作用

JavaScript HTML,来自 IMG 标记的可点击按钮

html - 如何在 HTML 文档中显示 html 标签?

html - 表,允许一列有足够的空间,同时强制其他列具有相等的宽度

html - Firefox和IE中的表格边框与Chrome中的表格边框不同

javascript - 在 IE 中转换无法正常工作

html - 在 Wordpress 的 HTML 中使用短代码

javascript - 表格下拉选项不符合Div

html - 有没有办法在输入字段中放置一个永久的空间?