body { word-wrap: break-word;}
我一直使用上述代码来将文本适配到其容器中的body
。然而,我不喜欢它会将单词分开的情况。
是否有其他方法可以在单词之后或之前仅进行换行而不是打断单词?
编辑:这是用于UIWebView
内部的。
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
.className {
hyphens: none;
word-break: keep-all;
}
我在我的网格结构中遇到了类似的问题,我使用了 word-break: break-word; 在我的网格中,我的问题得到了解决。
word-break
属性没有 break-word
值。 - Alex M这对我处理旧版Webkit很有帮助 - 这是来自phantomjs 2.1的一个例子
.table td {
overflow-wrap: break-spaces;
word-break: normal;
}
word-wrap: normal;
也无济于事。如果您正在尝试在表格单元格中换行单词(我的情况),仅使用white-space: wrap;
也无法解决问题。 - Dave Sag