在CSS中,要让左右登高,我们可以运用到如下属性。
.box {
display: flex;
flex-direction: column;
justify-content: space-between;
} 这里我们的关键属性是flex和justify-content。
flex属性是用来指定容器是使用flex布局的。具体来说,将元素设置为container时,子元素就可以使用flex布局了。
justify-content属性是用来设置在父元素中所有子元素之间的对齐方式。我们将它设置为space-between,这样就可以让子元素自动填满父元素,让子元素下间距相等,上下空出的距离相等。
总体来说,使用以上代码我们就能够让左右登高。这是一种非常实用的布局方式,可以大大提升我们的页面设计效率。