如何在HTML中包装没有空格的长行？

php html css word-wrap

2022-08-30 08:53:52

如果用户键入一条没有任何空格或空格的长行，它将通过比当前元素更宽来破坏格式。像这样：

哈哈

我尝试过在PHP中使用，但问题是如果有链接或其他一些有效的HTML，它就会中断。wordwrap()

CSS中似乎有一些选项，但它们都不适用于所有浏览器。请参阅 IE 中的自动换行。

你如何解决这个问题？

答案 1

在 CSS3 中：

word-wrap:break-word

答案 2

我试图解决同样的问题，我在这里找到了de解决方案：

http://perishablepress.com/press/2010/06/01/wrapping-content/

解决方案：将以下 CSS 属性添加到容器中

div {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}

这个想法是将它们全部使用，以便您获得更好的跨浏览器兼容性

希望这有帮助