如何让图片和文字分列两边设定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文件，查看实现的效果。

如果你想分2列：

.left1{width:100pxfloat:left}

.right1{margin-left100px}

如果你想分3列的：

.left2{width:100pxfloat:left}

.right2{width:100pxfloat:right}

.center2{margin-left:100pxmargin-right:100px}

距离你自己改变，大概也是这么一个结构