如果 h1 太长而无法容纳在一行中并换行到下一行,我希望这两行的宽度大致相同。我已经到处寻找 CSS 解决方案,但没有成功。
CSS 真的不可能做到这一点吗?这似乎是一个如此简单的事情,在很多情况下都很有用,所以我真的很困惑,这似乎不能用 CSS 来完成。
任何人都可以推荐某种解决方法,或者下一个最好的方法是什么?
需要明确的是,这就是我的意思:
这是一个标题太长,无法放在一行中,因此它换行到下一行文本
我想要的是这样的:
这是一个太长的标题,无法容纳
单行,因此它换行到下一行文本
你可以尝试玩max-width
and word-break
。请注意,如果您使用word-break: all
也许会产生一些连字错误。
两个例子:
.example-1 {
max-width: 610px;
width: 800px;
word-break: break-word;
}
.example-2 {
max-width: 610px;
width: 800px;
word-break: break-all;
}
<div class="example-1">
<h1>Here is a headline that's too long to fit on a single line, so it wraps to the next line of text</h1>
</div>
<div class="example-2">
<h1>Here is a headline that's too long to fit on a single line, so it wraps to the next line of text</h1>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)