Flex布局的引用说明

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： DW

作者：李滢滢

撰写时间：2022/4/28

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1.div设置类为box，大盒子内三个span标签。

 

2.引入style设置box样式，设置宽高以及背景色和圆角效果。

 

3.然后设置box里面的三个span标签，span标签转换块级元素，在设置宽高，背景颜色以及圆角效果。

 

4.在box里面添加设置span标签并排显示、平分剩余空间在设置垂直居中

 

5.设置box span标签选中1，3设置垂直向上，向下排列

6.在span里添加上下外边距，效果图：

 

这是我所学到的vs引用步骤，所以我要分享给你们，希望可以帮助到你们。以上就是我的分享，新手上道，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔