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

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

CSS3 box-flex 屬性

此節(jié)有 150 人學(xué)習(xí)過     參與評(píng)論

實(shí)例

定義兩個(gè)可伸縮的 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ī)定框的子元素是否可伸縮其尺寸。

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

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

語法

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

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

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

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

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

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

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