我一直在使用wordwrap:break-word在divs和spans中包装文本。但是,它在表格单元格中似乎不起作用。我有一个表设置为宽度:100%,有一行两列。列中的文本虽然使用上述word wrap进行了样式设置,但不会进行换行。它使文本超出单元格的边界。这发生在Firefox、Google Chrome和Internet Explorer上
以下是源代码的外观:
td{
边框:1px实心;
}
<;table style=“宽度:100%”表格样式>;
<;tr>;
<;td>;
<;div style=“单词换行:打断单词;”;
哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦哦
</部门>;
</td>;
<;td>&书信电报;span style=“display:inline;”>;短词</span></td>;
</tr>;
</表>
上面的长单词比我的页面的边界大,但它不会与上面的HTML冲突。我尝试了下面的建议,添加text wrap:suppress和text wrap:normal,但都没有效果
以下内容适用于我在互联网上的工作:;探索者注意添加了表布局:fixedCSS属性
td{
边框:1px实心;
}
<;表格样式=“表格布局:固定;宽度:100%”>;
<;tr>;
<;td style=“单词换行:打断单词”>;
隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆隆
</td>;
</tr>;
</表>