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

我有一个

div

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

text align:justify

仅对具有多行文本的元素起作用，对具有单行的

div

没有影响。手动调整字母间距和单词间距既难看又无效

还有其他选择吗？

试试这个：

div {
  text-align: justify;
}

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

---

查看更多信息。

解决此问题的传统方法是使用

：在
伪元素之后生成足够的内容，使内容流到第二行，然后修改字体大小、行高、高度和溢出，以隐藏由此产生的额外垂直空间。使用该技巧来证明一行标题的合理性，我必须强制我的元素的高度，以防止它在我的标题下添加新的空行。@svassr或者你也可以在伪元素之前添加一个：：，然后只调整父元素的行高度，这样文本总是在两个伪元素之间居中。总而言之，这是一个不错的解决方案@mutil！