您的位置 首页 css教程

css如何解决不同浏览器下文本兼容的问题

目标:

css实现不同浏览器下兼容文本两端对齐。

在 form 表单的前端布局中,我们经常需要将文本框的提示文本两端对齐,例如:

81a9b23c3fbb39355a2c40d2f179b43.png

解决过程:

1、首先想到是能不能直接靠 css 解决问题

css

.test-justify {
    text-align: justify;
}

html

<div class="test-justify">
       测试文本
</div>

63fb1eebe6ceca86c51ed9712a57ff9.png

好吧,text-align:justify 完全无效,不甘心,于是用一段文本测试了下,效果如下:

96b6b6ccea072467a5f9a3f9b004460.png

关于作者: admin

热门文章

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

网站地图