在CSS中实现元素两端对齐,需要用到两个CSS属性:text-align和justify-content。text-align: justify; 这个属性值可以让段落中的文本在两端对齐。但是,如果段
在CSS中实现元素两端对齐,需要用到两个CSS属性:text-align和justify-content。
text-align: justify;
这个属性值可以让段落中的文本在两端对齐。但是,如果段落中只有一行文本,那么两端对齐就失效了。
解决办法是在段落外再加一层容器,然后用justify-content属性使容器中的元素也能够两端对齐。
.container { display: flex; justify-content: space-between; }
其中,justify-content属性的值可以是如下几种:
使用这些属性可以让元素两端对齐,让设计更加美观和整洁。
粉丝
0
关注
0
收藏
0