介绍 box-flex:价值; & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; style>
div
{
显示:-moz-box;/* Firefox */显示:-webkit-box;/* Safari和Chrome */显示:框;
宽度:300 px;
边界:1 px固体黑色;
}
# p1
{
-moz-box-flex: 1.0;/* Firefox */-webkit-box-flex: 1.0;/* Safari和Chrome */box-flex: 1.0;
边界:1 px固体红;
}
# p2
{
-moz-box-flex: 2.0;/* Firefox */-webkit-box-flex: 2.0;/* Safari和Chrome */box-flex: 2.0;
边界:1 px固体蓝色;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div>
& lt; p id=皃1"祝辞Hello
& lt; p id=皃2"祝辞& lt;/p>
& lt;/div>
& lt; p> & lt; b>注释:& lt;/b>即不支持box-flex属性。;/p>
& lt;/body>
& lt;/html>
这篇文章给大家分享的是有关css中box-flex属性如何使用的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。
, css box-flex属性用于规定框的子元素是否可伸缩其尺寸,其语法是box-flex:值,可伸缩元素能够随着框的缩小或扩大而缩写或放大。
<强> css box-flex属性怎么用?
作用:规定框的子元素是否可伸缩其尺寸。
<强>语法:
说明:值,,元素的可伸缩行。柔性是相对的,例如box-flex为2的子元素两倍于box-flex为1的子元素。
注释:可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要框中有多余的空间,可伸缩元素就会扩展来填充这些空间。目前没有浏览器支持box-flex属性.Firefox支持替代的-moz-box-flex属性.Safari,歌剧以及铬支持替代的-webkit-box-flex属性。
<强> css box-flex属性使用示例
感谢各位的阅读!关于css中box-flex属性如何使用就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!
