小心display:flex;这个属性,低版本的ie不支持,可能会显示不出来

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
display:flex是CSS中的一个属性,用于将元素设置为Flex容器,使子元素成为Flex项目。display:flex属性本身不包含任何属性值,它只是将元素设置为Flex容器。 然而,display:flex属性可以与一系列的Flex属性一起使用,以控制Flex布局的各种方面。以下是一些常用的Flex属性: 1. flex-direction:用于定义主轴的方向,决定子项目的排列方式。可选值有row(默认值,沿水平方向排列)、row-reverse、column(沿垂直方向排列)和column-reverse。 2. flex-wrap:用于控制子项目是否换行。可选值有nowrap(默认值,不换行)、wrap(换行)和wrap-reverse(反向换行)。 3. flex-flow:简写属性,用于同时设置flex-direction和flex-wrap。 4. flex:用于设置主轴上的弹性大小。可选值有auto(默认值,根据容器大小自动调整)、none(不伸缩)、flex-grow(伸缩因子,表示各项目在主轴上伸展的相对比例)、flex-shrink(收缩因子,表示项目在主轴上收缩的相对比例)和fixed(指定项目在主轴上的具体大小)。 5. align-items和align-self:用于在交叉轴上对齐项目。align-items用于设置容器内项目在交叉轴上的对齐方式,align-self用于设置单个项目的对齐方式,可以覆盖容器级别的对齐设置。 6. justify-content:用于在主轴上对齐项目。 这些属性可以单独使用,也可以组合使用,以实现更复杂的Flex布局效果。请注意,这些属性需要在display:flex的元素上设置,才能生效。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值