flex布局第一行div左对齐,第二行中对齐,第三行右对齐
Posted chenchenhao
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flex布局第一行div左对齐,第二行中对齐,第三行右对齐相关的知识,希望对你有一定的参考价值。
.flex{ display:flex; flex-direction:column; width:600px; } .flex div{ width:100px; height:100px; background:red; margin-left:2px; } .flex div:nth-of-type(1){ align-self:flex-start; } .flex div:nth-of-type(2){ align-self:center; } .flex div:nth-of-type(3){ align-self:flex-end; }
以上是关于flex布局第一行div左对齐,第二行中对齐,第三行右对齐的主要内容,如果未能解决你的问题,请参考以下文章
Flex布局如何实现最后一个元素右对齐,或者第一个元素左对齐