如何通过css实现文字可以围绕图片而不另起一行?

发布网友发布时间：2022-04-24 23:54

共2个回答

热心网友时间：2022-04-06 12:59

有好几种办法啊，如果你的图片和文字都是行内元素，就这样
css代码：
.pic,.text{ vertical-align:top;}
html代码：
<div>
<img class="pic" src="a.jpg" width="110" height="140" alt="" />
<span class="text">这是一张图片这是一张图片这是一张图片这是一张图片</span>
</div>

如果文字是块级元素就这样：
css代码：
.pic{ float:left; width:110px; height:140px;}
.text{ margin-left:110px;}
html代码：
<div>
<img class="pic" src="a.jpg" width="110" height="140" alt="" />
<p class="text">这是一张图片这是一张图片这是一张图片这是一张图片</p>
</div>

热心网友时间：2022-04-06 14:17

在图片里面加左浮动,也就是
<img src="" style="float:left" />