显示带有可变白色间距的文本？

Question

我试图显示带有自动换行的文本块，但使用可变大小的白色间距，以便文本在每一行上均匀地填充框的宽度。 （见图）

我对此很困惑，谷歌搜索没有提出任何建议。我还在网站中使用bootstrap和jquery，因此，如果这两个都可以创建一个很好的解决方案。

Answer 1

您需要证明文本的合理性。使用text-align: justify来做到这一点。可以在CSS Tricks上找到更多信息。

.text-justified {
  width: 200px;
  text-align: justify; /* this is the important line, it justifies the text */
  border: solid black 2px;
  padding: 5px;
}

<p class="text-justified">This text will be justified. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus tempor felis et augue tristique euismod. Mauris at rutrum justo. Aenean mollis rutrum arcu, vitae feugiat dolor pharetra et. </p>