如何让图片和文字分列两边设定css

html-css014

如何让图片和文字分列两边设定css,第1张

、在div中,使用p标签创建一行文字,使用img创建一张图片。

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}

原理就是用一个大盒子将六张图片包围起来,然后大盒子用相对定位,然后让六个小盒子绝对定位,具体小盒子要放到什么地方,自己计算一下就可以了。