我不确定问题是从哪里来的,但我的h1和h2 takes是拆分单词,而不是断开单词。
这是我正在处理的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+ */
}
发布于 2019-06-03 04:23:54
问题原来是空格:预包装;需要是空格:正常;溢出:可见;
当我在Chrome中注入代码时,它没有修复这个问题,但在浏览器刷新时,它解决了这个问题。谢谢大家!
发布于 2019-06-03 04:17:08
您要查找的属性不是自动换行,而是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>
https://stackoverflow.com/questions/56417719
复制相似问题