主页 > 子栏目三 > CSS3可伸缩框属性可用于等分显示子元素或按比例显示子元素的大小
2014年05月21日

CSS3可伸缩框属性可用于等分显示子元素或按比例显示子元素的大小

  用法跟Android的android:layout_weight属性类,可类比Android中的用法,这样比较好记,由于目前所有浏览器都不支持大部分的属性,所以所有的属性都需要加上Firefox、Safari、Opera 以及 Chrome支持替代的-moz-和-webkit-前缀,现在基本上所有的CSS3属性都应该这样做,即每个属性都需要至少设置三个,参考下面的例子。

  box-flex(规定框的子元素是否可伸缩其尺寸。) : value(元素的可伸缩行。柔性是相对的,例如 box-flex 为 2 的子元素两倍于 box-flex 为 1 的子元素。),当其中的元素设置了具体的width或height和margin时,其他元素按照父容器的大小减去这些具体的后再按比例分配。