display:flex布局教程

为什么上不了bet356 通过为什么上不了bet356

display:flex布局教程

网页布局是css的一个重点,特别是flex布局,在微信小程序中得到了更多的实践,下面我们看具体的教程:

为什么上不了bet356传统的css布局依赖于我们的盒子模型,通过display、position、float属性实现网页的布局,但对于垂直居中布局以及处理浮动上是有不足之处的。

在2003年的时候w3c提出了一个新的解决方案,那就是flex新布局,可以便捷、完整的响应各种页面布局,目前的已知的所有浏览器内核都支持flex布局。

flex布局具有如下优点:

1、任何容易都可以指定为flex布局,我们可以这样来定义:

div{
display:flex;
}

2、行内元素可以使用flex布局,我们可以这样定义:

div{
display:inline-flex;
}

3、Webkit内核浏览器,必须加上-webkit前缀,我们可以这样定义:

div{
display:flex;
display:-webkit-flex;/*Safari*/
}

在flex实践中我们发现,定义了flex布局后,子元素的float、clear、vertical-align属性将失效。

关于作者

admin administrator

要发表评论,您必须先登录