html - 使用 CSS 强制元素中的单行文本填充宽度

Question

我有一个包含一行文本的 div 元素。如何让此文本填充宽度 100%？

text-align:justify 只作用于多行文本的元素，对单行的 div 无效。手动调整字母间距和字间距是丑陋且无效的。

还有其他选择吗？

Answer 1

试试这个:

div {
  text-align: justify;
}

div:after {
  content: "";
  display: inline-block;
  width: 100%;
}

jsFiddle

看看here了解更多信息。