display: -webkit-box; display: -ms-flexbox;
时间: 2023-09-20 13:14:34 浏览: 153
这是CSS属性中的display属性,用于设置元素的布局方式。其中-webkit-box和-ms-flexbox是不同浏览器的私有属性,用于支持旧版浏览器,而新版浏览器则使用标准属性display: flex; 来实现相同的效果。这些属性用于实现弹性盒子布局(Flexbox Layout),可以使元素在不同的屏幕尺寸和设备上自适应地展示。
相关问题
display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox;
这些属性都是用于控制元素的布局方式。其中,display: -webkit-box; 是用于WebKit内核浏览器的旧版本的flex布局;display: -moz-box; 是用于Firefox浏览器的旧版本的flex布局;display: -webkit-flex; 是用于WebKit内核浏览器的新版本的flex布局;display: -ms-flexbox; 是用于IE10以上版本的flex布局。
.l-working_container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }什么意思
这是一段CSS样式代码,作用是设置一个元素的布局和样式。具体含义如下:
1. `display: -webkit-box; display: -ms-flexbox; display: flex;`:这三行代码是设置该元素的布局方式为flex布局,其中`-webkit-box`和`-ms-flexbox`是为了兼容性而设置的,`flex`是标准的写法。
2. `-ms-flex-wrap: wrap; flex-wrap: wrap;`:这两行代码是设置当该元素内的子元素超过容器宽度时,是否换行。`wrap`表示超出容器宽度后自动换行。
3. `width: 100%;`:这行代码是设置该元素的宽度为100%,即占满父容器的宽度。
因此,这段CSS样式的含义是将该元素设置为flex布局,并且设置当子元素超过容器宽度时自动换行,同时将该元素的宽度设置为100%。
阅读全文