控制换行以使线条等宽

Question

如果 h1 太长而无法容纳在一行中并换行到下一行，我希望这两行的宽度大致相同。我已经到处寻找 CSS 解决方案，但没有成功。

CSS 真的不可能做到这一点吗？这似乎是一个简单的事情，在很多情况下都很有用，所以我真的很困惑，这似乎不能用 CSS 来完成。

任何人都可以推荐某种解决方法，或者下一个最好的方法是什么？

需要明确的是，这就是我的意思：

这是一个标题太长，无法放在一行中，因此它换行到下一行文本

我想要的是这样的：

这是一个太长的标题，无法容纳

单行，因此它换行到下一行文本

Answer 1

您可以尝试使用max-width和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>