五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 建站教程 > css教程 > CSS3 box-flex 屬性

CSS3 box-flex 屬性

此節(jié)有 150 人學習過     參與評論

實例

定義兩個可伸縮的 p 元素。如果父元素的總寬度是 300 像素,則 #p1 的寬度是 100 像素,而 #p2 的寬度是 200 像素:

#p1
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari 和 Chrome */
box-flex:1.0;
border:1px solid red;
}

#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari 和 Chrome */
box-flex:2.0;
border:1px solid blue;
}

親自試一試

瀏覽器支持

目前沒有瀏覽器支持 box-flex 屬性。

Firefox 支持替代的 -moz-box-flex 屬性。

Safari、Opera 以及 Chrome 支持替代的 -webkit-box-flex 屬性。

定義和用法

box-flex 屬性規(guī)定框的子元素是否可伸縮其尺寸。

提示:可伸縮元素能夠隨著框的縮小或擴大而縮寫或放大。只要框中有多余的空間,可伸縮元素就會擴展來填充這些空間。

默認值: 0.0(指示該元素不可伸縮)
繼承性: no
版本: CSS3
JavaScript 語法: object.style.boxFlex=2.0

語法

box-flex: value;
描述
value 元素的可伸縮行。柔性是相對的,例如 box-flex 為 2 的子元素兩倍于 box-flex 為 1 的子元素。

如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答?。?點擊進入論壇

發(fā)表評論 (150人查看,0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------
css教程目錄

其它欄目

· 建站教程
· 365學習

業(yè)務咨詢

· 技術(shù)支持
· 服務時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號