用Flex轻松布局

版权声明:原创作者为本博主,转载请声明! https://blog.csdn.net/weixin_44074811/article/details/87867812
开发工具与关键技术:DW/浏览器;前端技术
作者:黄启浩
撰写时间:2019.02.15

小白们遇到以下情况,想要把4个盒子并排显示,是不是又要用浮动了?

各位小白先停下来,不要急!先看样式:

这里4个盒子是各占一行的,大家看好了

现在不用浮动,直接flex成并排显示,justify-content: flex-start就是这4个盒子按照主轴的方向(默认主轴的方向就是水平方向)从头到尾顺序排列(左对齐)。

是不是get到了什么呢?赶紧动手试试把!

 

扫描二维码关注公众号,回复: 5263110 查看本文章

 

 

 

 

感谢大家的浏览,如有疑问可在评论留言哦

 

 

 

 

 

 

 

 

猜你喜欢

转载自blog.csdn.net/weixin_44074811/article/details/87867812