如何使用 CSS 包装文本以使等行的长度大致相等?之前有人问过这个问题,但没有得到很好的答案。例如,以以下文本为例:
<div class="evenwrap">
Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua。</div>
如果该行必须换行,我希望将其换行成类似长度的行。例如,作为两行:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
作为三个:
Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.
如四:
Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.
等等。
我已经尝试过text-align:justify
、text-justify:newspaper
和white-space:nowrap
,但没有一个有效,我很茫然。是否有 CSS 解决方案,或者我必须求助于 javascript?