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了：
