溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關CSS Flex 有什么用處，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
一、可以利用flex來布局一個p在另一個p里面水平垂直居中
如：html代碼：
<p class="container"> <p class="box"> </p> </p>
css代碼：
.container{
width:600px;
height:400px;
border:1px solid blue;
display: flex;
justify-content:center;
align-items:center;
}
.box{
width:200px;
height:100px;
border:1px red solid;ps:這樣就可以水平垂直居中咯
二、flex的屬性
<p class="items"> <p class="item">1</p> <p class="item">23</p> <p class="item">4</p> </p>
可以寫在items上的屬性有六個：
?flex-direction
?flex-wrap
?flex-flow
?justify-content
?align-items
?align-content
可以寫在item上的有6個：
?order//這個就是item單獨給了,要是想讓那個item調換順序就給這個屬性給那個item
?flex-grow
?flex-shrink
?flex-basis
?flex
?align-self
以上就是CSS Flex 有什么用處，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
