首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >标题不会断字

标题不会断字
EN

Stack Overflow用户
提问于 2019-06-03 02:16:58
回答 2查看 323关注 0票数 1

我不确定问题是从哪里来的,但我的h1和h2 takes是拆分单词,而不是断开单词。

这是我正在处理的https://helium.marketing站点的链接

我试着在谷歌搜索之后手动添加一个代码片段,但似乎都不起作用。这是代码片段。

代码语言:javascript
运行
复制
    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+ */
    }
EN

回答 2

Stack Overflow用户

发布于 2019-06-03 04:23:54

问题原来是空格:预包装;需要是空格:正常;溢出:可见;

当我在Chrome中注入代码时,它没有修复这个问题,但在浏览器刷新时,它解决了这个问题。谢谢大家!

票数 1
EN

Stack Overflow用户

发布于 2019-06-03 04:17:08

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

希望这能有所帮助

代码语言:javascript
运行
复制
h1, p {
  width: 100px;
  word-break: break-word;
}
代码语言:javascript
运行
复制
<h1>Hello World</h1>
<p>Last night, I had the best steak ever in the nearby town restaurant</p>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56417719

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档