這篇文章給大家分享的是有關css中align-content屬性有什么用的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)建站堅持“要么做到,要么別承諾”的工作理念,服務領域包括:網站建設、做網站、企業(yè)官網、英文網站、手機端網站、網站推廣等服務,滿足客戶于互聯(lián)網時代的隨州網站設計、移動媒體設計的需求,幫助企業(yè)找到有效的互聯(lián)網解決方案。努力成為您成熟可靠的網絡建設合作伙伴!
1、align-content可以看成是和justify-content是相似且對立的屬性,是指垂直方向每一行 flex子項的對齊和分布方式。
2、只適用于多行的flex容器,并且當交叉軸上有多余空間使flex容器內的flex線對齊。
實例
<style type="text/css"> *{ margin:0px; padding: 0px; } div{ border: 1px solid #0f0f0f; } .child-1{ margin: 30px auto; display: flex; width: 100px; height: 60px; justify-content: space-around; align-content: center; } .child-2{ width: 30px; height: 20px; } </style>
感謝各位的閱讀!關于“css中align-content屬性有什么用”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
當前標題:css中align-content屬性有什么用
當前URL:http://jinyejixie.com/article12/gdjjdc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站設計、面包屑導航、網站建設、網站導航、定制開發(fā)、App設計
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)