CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
来源:网络收集 点击: 时间:2024-07-22【导读】:
1、可以使用flex布局快速实现这个效果。具体的方法是,首先打开hbuilder编辑器,新建一个文件,写入一个大的div,里面在包裹3个小div,给大div的class属性命名为container,小div命名为child:
2、然后在上方设置样式,先给外围的div设置宽度为600px以及display属性为flex,然后设置方向属性flex-direction为横向,接着设置小div的宽度为200px,再设置flex属性的值为1,意思是所占比例为1,最后调整一下背景颜色,字体大小就可以了:
3、最后打开浏览器,即可看到3个等份的div了:
版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_990843.html
上一篇:杞人忧天讽刺了什么样的人
下一篇:三国群英7赵云文官封到多少级