css 并排图片如何换行
时间: 2023-05-10 08:55:26 浏览: 703
DIV CSS 图片自动换行
如果图片太宽,无法在同一行显示,可以使用 CSS 中的 float 属性来实现图片的并排显示,并使用 clear 属性来控制图片的换行。例如,如果想要让图片在右侧并排显示,可以使用以下代码:
```
<img src="image1.jpg" style="float:right; margin:10px;">
<img src="image2.jpg" style="float:right; margin:10px;">
<div style="clear:both;"></div>
```
其中,float:right; 表示图片向右浮动,margin:10px; 表示图片与周围的间距为 10px,clear:both; 表示清除浮动,使下面的元素不受影响。如果想要让图片在左侧并排显示,只需要将 float:right; 改为 float:left; 即可。
阅读全文