2、设置div标签的class属性为mydiv。
3、在css标签内,通过class设置div的样式,设置它的宽度为400px,边框为1px,并将display属性设置为flex,实现flex布局。
4、在css标签内,将align-items属性设置为center(水平居中),将justify-content属性设置为space-between(两端对齐)。
5、在浏览器打开test.html文件,查看实现的效果。
可以这样做:<div
id="wraper">
<div
class="image1">image1</div>...</div>
#image_holder
{
position:relative其他代码}
.image1
{
position:absolute
left:**px
top:**px}
原理就是用一个大盒子将六张图片包围起来,然后大盒子用相对定位,然后让六个小盒子绝对定位,具体小盒子要放到什么地方,自己计算一下就可以了。