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

Question

我有一个div包含一行文本的元素.如何让这段文字填充宽度100%？

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

还有其他选择吗？

Answer 1

试试这个:

div {
  text-align: justify;
}

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

的jsfiddle

看看这里了解更多信息.