我无法使用自动换行功能来​​处理此示例...

<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/

10-12 04:38