css如何设置两端对齐

css如何设置两端对齐

css设置两端对齐的方法有三种

1、text-align：center

这个是所有浏览器都支持的属性。但对于block元素无法使用text-align实现居中对齐。如果想让block元素居中对齐，可以使用margin: auto方法。

2、text-align：justify

但是这个属性有一些不足之处：在单行文本下，无法实现两端对齐效果。在多行文本下，无法实现最后一行文本的两端对齐效果。如果感觉最后多了空行，可以为元素设置一个高度，并且设置overflow: hidden隐藏掉即可。

3、justify-content：space-around或者justify-content：space-between

此属性可以控制伸缩项目的水平对齐方式。其中有两个值，可以实现两端对齐。但是存在兼容性问题，只要IE10以上，FF，Chrome支持。