该方式只适用于块级元素
text-align:justify
生成一段如下英文段落,并限制p标签宽度为700px
- 中文文本也适用。
<html>
<body>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem doloremque esse labore, molestiae nemo iste, itaque nam asperiores repudiandae cupiditate quam quia, sit dolore eaque! Ea, totam? Quisquam, modi obcaecati.
Facere minus et aliquid quis consequuntur laborum accusamus tempore error tempora, natus iusto magnam illum, neque odit sapiente quo! Ratione minus numquam excepturi sit soluta optio quos est quam quod?
Necessitatibus, quos animi doloremque natus ipsum dignissimos iusto repudiandae dolore distinctio sed incidunt. Corrupti excepturi ratione corporis numquam accusamus, quaerat, molestiae enim aliquid aliquam placeat ipsum voluptate rerum eius voluptatum?
Modi eligendi exercitationem natus! Provident, illo nobis ullam eaque, praesentium illum, voluptate unde aperiam inventore eius enim quasi adipisci debitis odio aut? Non minus autem perferendis esse repudiandae! Ipsa, autem.
Temporibus molestias quaerat molestiae expedita, maiores sequi doloremque totam consequuntur cum, velit vel et quod architecto nobis neque! Itaque nostrum minus quidem reiciendis eligendi. Eos deleniti voluptatibus quae explicabo ea?
</p>
</body>
</html>
p{
width:700px;
}
如下图可以看到出来的英文文本右侧参差不齐,所以需要稍微优化一下。
加个样式就可以了
width:700px;
text-align:justify;
出来的效果如下:
这里注意 ,如果文本内容太短的话,可能展现效果不是太好,酌情使用。