查看: 回复:1

css flex

\"收藏此主题\"

风格2代

 
 
注册:
2008-01-26
  • 0粉丝
  • 0精华
  • 462帖子
flex 属性有

对于父元素设置的(按照使用次数排序)

display: flex;

水平方向居中: justify-content: center(其他属性还有 flex-start, flex-end,space-between,space-around)
竖直方向居中: align-items: center(其他属性还有 flex-start, flex-end,baseline,stretch)

定义主轴方向,默认就是横向的: flex-direction: row(默认)(其他属性 row-reverse,column, column-reverse)

定义是不是换行: flex-wrap: nowrap(默认)wrap wrap-reverse







1 flex布局实现类似左浮动 右浮动效果

父元素设置就可以实现:

display: flex;
justify-content: space-between;
2 flex 实现一个元素水平垂直居中:

display: flex;
justify-content:center;
align-items:center;

 
回复本楼

太平洋汽车全新推出“太平洋车友会”;来太平洋车友会,结识志同道合的车友了解详情>>

东北梁子

 
 
注册:
2009-12-18
看了楼主的帖子,先顶顶再说
 
回复本楼
未登录用户

只可添加一张图片,多张图片请选高级模式

高级模式
温馨提示:回复超10字可获1金币,有独特见解超30字可获3金币,灌水用户将扣除金币并锁号处理。希望广大车友共同维护论坛的友好回复氛围。
常用表情
您可能感兴趣

支付宝扫码询价
领最高888元现金红包

关闭