在Vue中使用Flex布局可以很方便地實現響應式布局。justify屬性用于設置主軸對齊方式,可以使子元素沿著主軸方向排列。
123
上面的示例代碼中justify-content屬性設置為flex-start,即子元素沿著主軸往起始端對齊,對應的還有flex-end,end等對齊方式,我們可以根據具體情況進行選擇。
123
上述代碼中justify-content屬性設置為center,即子元素沿著主軸居中對齊。
123
上面的代碼中justify-content屬性設置為space-between,即子元素沿著主軸平均分布,兩端不留空間。
除了以上幾種方式,justify-content還可以設置為space-around、space-evenly等,可以根據具體需求選擇使用。同時,flex布局還支持align-items屬性和align-content屬性,用于設置交叉軸對齊方式和對齊軌道的大小。
上一篇flask教程vue
下一篇高逼格的css