天天看點

CSS flex-basis 屬性

CSS flex-basis 屬性

CSS 參考手冊

設定第二個彈性盒元素的初始長度為 80 像素:

div:nth-of-type(2) {flex-basis: 80px;}

表格中的數字表示支援該屬性的第一個浏覽器的版本号。

緊跟在 -webkit-, -ms- 或 -moz- 後的數字為支援該字首屬性的第一個版本。

屬性

flex-basis

29.0

21.0 -webkit-

11.0

10.0 -ms-

28.0

18.0 -moz-

9.0

6.1 -webkit-

17.0

flex-basis 屬性用于設定或檢索彈性盒伸縮基準值。。

<b>注意:</b>如果元素不是彈性盒對象的元素,則 flex-basis 屬性不起作用。

預設值:

auto

繼承:

可動畫化:

是。請參閱 可動畫化(animatable)。

嘗試一下

版本:

CSS3

JavaScript 文法:

object.style.flexBasis="200px"

flex-basis: number|auto|initial|inherit;

描述

number

一個長度機關或者一個百分比,規定靈活項目的初始長度。

預設值。長度等于靈活項目的長度。如果該項目未指定長度,則長度将根據内容決定。

initial

設定該屬性為它的預設值。請參閱 initial。

inherit

從父元素繼承該屬性。請參閱 inherit。

CSS 參考手冊:flex 屬性

CSS 參考手冊:flex-direction 屬性

CSS 參考手冊:flex-flow 屬性

CSS 參考手冊:flex-grow 屬性

CSS 參考手冊:flex-shrink 屬性

CSS 參考手冊:flex-wrap 屬性

CSS flex-basis 屬性