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

Question

我有一个包含一行文本的div 元素。我怎样才能让这个文本填充宽度 100%？

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

还有其他选择吗？

Answer 1

试试这个：

div {
  text-align: justify;
}

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

jsFiddle

查看here 了解更多信息。