如何用CSS和JavaScript实现跨浏览器自动换行？

Div 中长文本的 CSS 和 JavaScript 跨浏览器自动换行

问题：

在预定宽度的 div 内包装长文本而不打破空格是一个跨浏览器的挑战。传统的方法，如溢出或在字符串中注入特殊字符有局限性或缺点。

CSS 解决方案：

利用 CSS 属性 word-wrap:break-word;解决了这个问题。它支持所有主要浏览器的文本换行，包括 FireFox、Opera 和 Safari。

代码示例：

.wordwrap {
    word-wrap: break-word;
}

此样式表类将使文本能够换行

附加说明：

• Internet Explorer 5.5 和所有现代浏览器都支持自动换行属性.
• 将自动换行与其他 CSS 属性（例如 no_wordwrap）相结合，可以控制换行行为。例如：

.no_wordwrap {
    word-wrap: normal;
}

以上是如何用CSS和JavaScript实现跨浏览器自动换行？的详细内容。更多信息请关注PHP中文网其他相关文章！