這篇文章給大家分享的是有關(guān)css中flex-direction屬性怎么用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站制作、成都網(wǎng)站建設(shè)與策劃設(shè)計,鎮(zhèn)遠(yuǎn)網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:鎮(zhèn)遠(yuǎn)等地區(qū)。鎮(zhèn)遠(yuǎn)做網(wǎng)站價格咨詢:18982081108

1、flex-direction用來控制子項(xiàng)整體布局方向，是從左往右還是從右往左，是從上往下還是從下往上。

2、指定了內(nèi)部元素是如何在flex容器中布局的，定義了主軸的方向(正方向或反方向)。

實(shí)例

.list1 {
    width: 27%;
    padding-top: 0.5rem;
    list-style: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-height: 6rem;
}
 
.list1 .listbox {
    width: 100%;
    position: relative;
    padding-left: 0.2rem;
    left: 1.35rem;
    right: auto;
}

感謝各位的閱讀！關(guān)于“css中flex-direction屬性怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！