首页 >> 大全

段落超长文本自适应间距

2024-01-03 大全 28 作者:考证青年

该方式只适用于块级元素

text-align:

生成一段如下英文段落,并限制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;

出来的效果如下:

这里注意 ,如果文本内容太短的话,可能展现效果不是太好,酌情使用。

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了