display:flex
是CSS中的一个属性,它用于创建弹性布局,让元素能够更加简单、灵活地对齐、分布和排列。
它的作用是将一个容器元素转化为弹性容器,使得其内部的子元素能够按照一定的规则进行排列。其中,一些重要的关键词包括:
flex-direction
:用于设置主轴的方向,可以是行(从左到右)或列(从上到下)。justify-content
:用于设置子元素在主轴上的对齐方式,可以是居中、两端对齐、间距相等等。align-items
:用于设置子元素在交叉轴上的对齐方式,可以是居中、上端对齐、下端对齐等。flex-wrap
:用于设置子元素是否换行,可以是不换行、按照宽度自动换行等。总而言之,display:flex
是一个非常有用的属性,能够大大简化布局操作,提高页面的灵活性和响应性。