如何在所有浏览器中将文本换行到 元素中而无需空格？

元素在所有浏览器中都没有空格？ " />

CSS：在 中换行没有空格的文本

在本文中，我们将解决与在

中换行没有空格的文本相关的问题为了实现这一点，使用了各种 CSS 属性，例如分词和表格布局，但不同浏览器的行为有所不同，这使得 Firefox 用户的文本未换行。为了解决此差异，设计了以下 CSS 代码：

要使用此代码，请将wrappword 类应用于表中所需的 元素，确保设置了 table-layout例如：

.wrapword {
  white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /* Chrome & Safari */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}

此 CSS 解决方案经过测试，发现在 Firefox 5.0、Internet Explorer 8.0 和 Chrome 10 上一致工作。

以上是如何在所有浏览器中将文本换行到 元素中而无需空格？的详细内容。更多信息请关注PHP中文网其他相关文章！