Flex布局常用的一些屬性及解釋

2021-10-10 03:24:38 字數 579 閱讀 7188

下面乙個乙個進行說明

設定子項在側軸上的排列方式 並且只能用於子項出現 換行 的情況(多行),在單行下是沒有效果的。

下面來詳細記錄

flex 屬性定義子專案分配剩餘空間,用flex來表示佔多少份數。

.item
align-self 屬性允許單個專案有與其他專案不一樣的對齊方式,可覆蓋 align-items 屬性。

預設值為 auto,表示繼承父元素的 align-items 屬性,如果沒有父元素,則等同於 stretch。

span:nth-child(2)
數值越小,排列越靠前,預設為0。

注意:和 z-index 不一樣。

.item

flex彈性布局的一些屬性

注意,設為 flex 布局以後,子元素的float clear和vertical align屬性將失效 1.容器的屬性 flex direction flex wrap flex flow flex direction flex wrap justify content aligns items 特...

flex布局常用到的屬性

阮一峰有一篇flex教程很全面 這裡主要記錄一下需要用到而不常用的知識點 1.flex grow屬性 定義專案的放大比例,預設為0,即如果存在剩餘空間,也不放大。如果所有專案的flex grow屬性都為1,則它們將等分剩餘空間 如果有的話 如果乙個專案的flex grow屬性為2,其他專案都為1,則...

html中一些常用標籤及屬性

html中標籤分為塊級標籤和行級標籤 塊級標籤常用的有 行級標籤常用的有 一 字型設定 屬性有size設定字型大小 color設定體顏色 二 div常用屬性 padding設定內容和塊之間的距離,line height設定每行的高度,三 bootstrap中文字樣式的常用設定 各種加線文字 刪除文字...