display：flex是CSS中的一个属性值，用来定义一个容器元素为一个弹性容器（flexcontainer），即使其子元素（flexitems）也成为弹性木们项目（flexitems），从而实现弹性布局。
具体地说，使用display:flex可以创建一个弹性容器，并自动使其子元素成为弹性项目。弹性容器会根据一定的规则自动调整弹性项目的位置和大小，以适应不同屏幕尺寸和布局需求。弹性容器的主均席结何项要特性包括：
1、弹性流动性：弹性容器的子元素会根据可用空间自动调整大小和位置，以填充或占据剩余的空间。这使得布局更加灵活，能够适应不同的屏幕尺寸和设备方向变化。
2、对齐和间距控制：通过使耐无治真逐找能艺断用不同的属性和方法，可以控制弹性项目在主轴和交叉轴上的对齐方式、间距大小等，实现灵活苗长的布局效果。
3、排序和排序控制：可以通过设置不同的排序属性，改变弹性项目在弹性容器中的顺序，实现重新排序的效果。
当设置父元素的display属性为flex时，父元素就成为了弹性容乙变她技混敌火互路器（flexcontainer），它的子元素将自动成为弹性项目（flexitems）。以下是一些常见的弹性容器属性（即父元素的属性）：
1、flexdirection：设置弹性项目的排列方向，可以是水平方向（row）、水平反方向（rowreverse）、垂直方向（column）、垂直反方向（columnreverse）。
2、flexwrap：定义弹旧办海应尔从及孙性项目是否换行，可以是单行（nowrap）、多行（wrap）、换行反方向汽端四酒快（wrapreverse）。
3、justifyc正保误到植ontent：控制弹性项目在主轴方向上的因冲色承乡陈体到对齐方式，可以是居中（center）、起始对齐（flexstart）、末尾对齐（flexend）、空间均匀分布（spacebetween）、空间均匀分布且首尾对齐（spacearound）。
4、alignitems：控制弹性项目在交叉轴方向上的对齐方式，可以是居中（太军季去防乱center）、起始对齐（flexstart）、末尾对齐改义明官镇建铁模史例（flexend香煤赵乎种放抓）、拉伸填充（stretch）。
用于调整弹性容器和弹性项目的属性
1、flexgrow：定义弹性项神年微复响低目的放大比例。
2、flexshrink：定义弹性项家听号也绝附际够未若既目的缩小比例。
3、flexbasis：定义弹性项目的初始大小。
4、alignself：定义单个弹性项目的亮朝只意盟歌交叉轴对齐方式。
需要注意的是，弹性容器的属性主要控制弹性项目的布局方式，而不是直接控制弹性项目的具体样式。通过设置弹性容器的属性，能够实现灵活的自适应布局，提供更好的响应性能试船约越和可扩展性。
标签：display,flex
