换行文本,使所有行的长度大致相同

时间:2014-01-22 02:48:26

标签: html css justify

如何使用CSS来包装文本以使相等的线长度近似相等? 这是asked earlier,但没有得到很好的答案。例如,请使用以下文字:

  

<div class="evenwrap">   Lorem ipsum dolor坐在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:justifytext-justify:newspaperwhite-space:nowrap,但没有一个有效,我不知所措。有CSS解决方案,还是我必须转向javascript?

0 个答案:

没有答案