html文字显示在图片右边代码

祁少阳 2周前 13浏览 0评论

我们可以使用HTML的和CSS的float属性来将文字显示在图片右边。代码如下:

<div style="overflow:hidden">
  <img src="path/to/image.jpg" alt="image description" style="float:left">
  <p style="float:left">这里是图片右边所要显示的文字</p>
</div>

这里我们首先使用了一个外层的<div>来包裹图片和文字,并将它的overflow属性设为hidden,这样可以避免浮动元素溢出div的情况。接着我们在该div中嵌入了一个<img>标签来加载图片,并为它设置float属性为left,让它靠左浮动。最后在图片后面加上一个<p>标签来显示我们想要显示的文字,并同样为它设置float属性为left,与图片并列显示在同一行中。