弹性盒布局的属性和属性值

Posted lmm1010

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了弹性盒布局的属性和属性值相关的知识,希望对你有一定的参考价值。

首先是弹性盒布局:dispaly:flex;和display:inline-flex;(两个元素会在一行显示,类似于块状元素和行内块元素的区别)

1.设置成弹性盒后,所有的元素都会在主轴上排列,默认x轴为主轴,与主轴垂直的为侧轴

2.如果父元素设置成了弹性盒,想让子元素在弹性盒上下左右居,子元素只需要设置margin:auto;

3.当父元素设置成了弹性盒,子元素的float和clear都是无效的,vertical-align也是无效的。

接下来就是属性:

技术图片

 

以上是关于弹性盒布局的属性和属性值的主要内容,如果未能解决你的问题,请参考以下文章

Flex弹性盒子布局

弹性盒模型(父属性)

弹性布局(flex)

css弹性布局是啥

弹性布局

flex布局(弹性盒)