我无法使用自动换行功能来处理此示例...
<html>
<head></head>
<body>
<table style="table-layout:fixed;">
<tr>
<td style="word-wrap: break-word; width:100px;">ThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrapThisStringWillNotWrap</td>
</tr>
</table>
</body></html>
我记得曾经读过必须指定一个布局(我这样做了),但是除此之外,我不确定要使它正常工作必须做什么。我真的很想在Firefox中工作。谢谢。
编辑:
在Chrome 19和Firefox 12中失败,它可以在IE8中使用。
我尝试了doctype严格和过渡性的方法,但均无济于事。
最佳答案
Mozilla Firefox解决方案
加:
display: inline-block;
更改为
td
的样式。基于Webkit的浏览器(Google Chrome,Safari等)解决方案
加:
display: inline-block;
word-break: break-word;
更改为
td
的样式。注意:
请注意,到目前为止,
break-word
不属于Webkit的标准规范;因此,您可能会对使用break-all
感兴趣。这个替代值无疑提供了激烈的解决方案。但是,它符合标准。Opera解决方案
加:
display: inline-block;
word-break: break-word;
更改为
td
的样式。上一段以类似的方式适用于Opera。
关于html - 自动换行断字在此示例中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10743763/