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

gijlo24d  于 2023-05-08  发布在  其他
关注(0)|答案(1)|浏览(90)

我有一个div元素,它包含一行文本。我怎样才能让这个文本填充宽度100%?
text-align:justify只对包含多行文本的元素起作用,对包含单行文本的div没有影响。手动调整字母间距和单词间距是丑陋和无效的。
还有其他选择吗?

tvz2xvvm

tvz2xvvm1#

试试这个:

div {
  text-align: justify;
}

div::after {
  content: "";
  display: inline-block;
  width: 100%;
}
<div>
  Some sample testing string
</div>

jsFiddle
查看here以获取更多信息。

相关问题