Flex containers are not block containers, and so some properties that were designed with the assumption of block layout don’t apply in the context ...

display:block就是將元素顯示為塊級元素. 　　block元素的特點是：　　總是在新行上開始；　　高度，行高以及頂和底邊距都可控制；　　寬度缺省是它的容器的100%，除非設定一個寬度　　<div>, <p>, <h1>, <form> ...

flex： 將對象作為彈性伸縮盒顯示 inline-flex：將對象作為內聯塊級彈性伸縮盒顯示 兩者都是使子元素們彈性布局，但是如果是flex，父元素的尺寸不由子元素尺寸動態調整，不設置時默認是100%，而inline-flex則會使父元素尺寸跟隨子元素們的尺寸動態調整。 ...

問題一； 1.，display:flex;不會讓容器本身取消它的塊裝的屬性，但它的子元素會變成行內塊的的屬性 2.display: inline-flex;父級是變成行內塊元素，他的子元素也是行內塊元素，並且自動換行 開啟inline-flex 開啟 ...

flex： 將對象作為彈性伸縮盒顯示inline-flex：將對象作為內聯塊級彈性伸縮盒顯示 flex 子元素根據父元素去排，如果子元素寬度超出父元素的寬度，因為flex布局，實際子元素的寬度並不會超過，只會按比例排放。 inline-flex ...

inline-block和float的區別 雖然設置float跟設置inline-block有些特征類似，但兩者的區別還是非常明顯的: 文檔流（Document flow）:float元素會脫離文檔流，並使得周圍元素環繞這個元素。而inline-block元素仍在文檔流內。因此設置 ...

IE6/7是不支持display:inline-block屬性，只是讓其表現的跟inline-block一樣，尤其對於inline水平的元素，其表現度可以用perfect一詞來形容了。 對於IE8+以及現代瀏覽器，直接使用：{display:inline-block;}就可以了，支持任意水平 ...

元素轉換 display:block; 行內轉塊 Display:inline; 塊轉行內 Display:inline-block; 塊或行內轉行內塊 鏈接偽類 a:link{屬性:值;} 鏈接默認狀態 a{屬性:值;}是一樣 ...