建站
咨詢
售后
建站咨詢
新聞中心
這篇文章運用簡單易懂的例子給大家介紹怎么用css align-items屬性，代碼非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
創(chuàng)新互聯(lián)主打移動網(wǎng)站、網(wǎng)站建設、網(wǎng)站設計、網(wǎng)站改版、網(wǎng)絡推廣、網(wǎng)站維護、主機域名、等互聯(lián)網(wǎng)信息服務，為各行業(yè)提供服務。在技術實力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務，根據(jù)網(wǎng)站的內(nèi)容與功能再決定采用什么樣的設計。最后，要實現(xiàn)符合網(wǎng)站需求的內(nèi)容、功能與設計，我們還會規(guī)劃穩(wěn)定安全的技術方案做保障。
css align-items屬性是用于指定float容器內(nèi)項目在橫軸方向的對齊方式：拉伸以填充容器、以橫軸為中心、在頂部垂直對齊、在底部垂直對齊、橫軸的基線處對齊。
CSS align-items屬性
align-items屬性是Flexible Box 布局模塊的子屬性。
作用：定義了如何沿當前行的橫軸布置彈性項目的默認（對齊）行為。
注：可以在float容器內(nèi)的每個子項目中使用align-self屬性來覆蓋align-items屬性的樣式。
語法：
align-items: stretch|center|flex-start|flex-end|baseline;
stretch（默認）：拉伸以填充容器（仍然尊重最小寬度/最大寬度）。
.jpg)
center：項目以橫軸為中心；默認情況下，橫軸是垂直的，這意味著flexbox項目將垂直居中 。
flex-start：項目在橫軸的開始處對齊，即項目將在頂部垂直對齊。
flex-end：項目在橫軸末端對齊，即項目將在底部垂直對齊
baseline：項目在橫軸的基線處對齊，即flexbox項目將自身對齊，以使其文本的基線沿水平線對齊。
CSS align-items屬性的使用示例
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
效果圖：
關于怎么用css align-items屬性就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
標題名稱：怎么用cssalign-items屬性
網(wǎng)頁路徑：http://fisionsoft.com.cn/article/gcgocj.html
