gpt4 book ai didi

html - word-wrap break-word 在此示例中不起作用

转载 作者:技术小花猫 更新时间:2023-10-29 11:34:06 24 4
gpt4 key购买 nike

我无法让自动换行处理这个例子......

<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 strict 和 transitional,都没有用。

最佳答案

Mozilla Firefox 解决方案

添加:

display: inline-block;

您的td 的样式。

基于 Webkit 的浏览器(Google ChromeSafari ...)解决方案

添加:

display: inline-block;
word-break: break-word;

您的td 的样式。

注意:请注意,就目前而言,break-word 不是 webkit 标准规范的一部分;因此,您可能对使用 break-all 感兴趣。这个替代值无疑提供了一个彻底的解决方案;但是,它符合标准。

Opera 解决方案

添加:

display: inline-block;
word-break: break-word;

您的td 的样式。

上一段以类似的方式适用于 Opera。

关于html - word-wrap break-word 在此示例中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10743763/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com