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

Question

我有一个div元素，其中包含一行文本。如何让这段文字填充宽度100％？

text-align:justify仅处理包含多行文字的元素，并且对单行div没有影响。手动调整字母间距和字间距是丑陋和无效的。

还有其他选择吗？

Answer 1

试试这个：

div {
  text-align: justify;
}

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

jsFiddle

查看here了解更多信息。