css两端对齐怎么设置（css两端对齐属性代码)

css两端对齐怎么设置，css两端对齐属性代码，在很多项目中，都会遇到这样的需求；实现文本两端对齐，效果如下图：

css两端对齐怎么设置（css两端对齐属性代码)

那如何实现呢？

so, easy 直接使用 text-align: justify 属性即可.

但是，添加后，你会发现，没有效果.

css两端对齐怎么设置（css两端对齐属性代码)

那怎么办呢？

有两种方法实现

css两端对齐方法一：

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

.rui-justify::after{content: ;display: inline-block; padding-left: 100%;}

以上写法是比较麻烦的，不过兼容性比较好

css两端对齐方法二：

结合 text-align-last 属性，该属性定义的是一段文本中最后一行在被强制换行之前的对齐规则。

text-align: justify;

text-align-last: justify;

此方法更简单，但是有一定的兼容问题

所以，到底选择那一个方法，根据实际情况来定。

本文网址：https://www.dingshengweb.cn/jszl/324.html

版权声明： 1.本站内容部分为潍坊鼎晟科技编辑原创文章，部分来源于网络，如需转载，请标注来源网站名字和文章出处链接。 2.本站内容为传递信息使用，仅供参考，也不构成相关建议。 3.部分内容和图片来源于网络，如有侵权，请联系我们处理。