该方式只适用于块级元素
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;
出来的效果如下：
这里注意 ，如果文本内容太短的话，可能展现效果不是太好，酌情使用。
本文发布于:2024-01-31 09:45:39，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170666554027622.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
