我在 HTML 表格中有一些数据输出,有些行有可扩展的数据字段,这工作正常。有些行是标准的,很好。宽度似乎是通过 CSS 正确控制的。
问题
我限制了表格列的大小并将溢出设置为隐藏以防止数据被推送到屏幕的一侧,这对于内的纯文本工作正常但是< em>如果 a 中的数据是 XML(已使用替换字符为 HTML 格式化),在换行符之前有一个很长的字符串,则此数据将推到屏幕的一侧。 p>
有关发生的情况的示例,请参见以下 JSfiddle
我可以向 XML 添加什么以强制文本换行到类似于"Click to expand) This works as expected.Lorem" 行。
包括下面的代码,这样我就可以发布了。在 JSFiddle 中忽略这一切
.outer td:nth-child(4) {
width: 65%;
overflow: hidden;
}
谢谢
最佳答案
您的 XML 中有一堆
字符。
代表“不间断空间”,因此它专门设计用于执行与您要求的相反的操作 - 也就是说,即使它不会中断这条线太长了。如果您将
的所有实例替换为普通的旧空格“”字符,那么您的 XML 将像 lorum ipsum 文本一样换行。
关于HTML 表格 (td) 溢出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28370260/