Question

我不确定问题出在哪里，但是我的h1和h2采取的是拆分单词而不是破坏单词拆分功能。

这是我正在https://helium.marketing工作的网站的链接

我尝试了一堆谷歌搜索后手动添加一个片段，但似乎没有任何效果。这是代码段。

    p, h1, h2, h3, h4, h5 {
        white-space: pre-wrap;       /* css-3 */
        white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
        white-space: -pre-wrap;      /* Opera 4-6 */
        white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
    }

Answer 1

问题原来是空白：预包装；需要为空格：正常；溢出：可见；

当我在Chrome中注入代码时，它并没有修复，但是在刷新浏览器后，它解决了该问题。谢谢大家！

Answer 2

您要查找的属性不是自动换行，而是word-break 查看代码段示例。

希望这会有所帮助

h1, p {
  width: 100px;
  word-break: break-word;
}

<h1>Hello World</h1>
<p>Last night, I had the best steak ever in the nearby town restaurant</p>

标题不会断字

2 个答案: