HTML - 带有 CSS 和文本的 img

Question

我试着在页面右侧放一张图片。问题是它附近有文字，在某些浏览器中图片隐藏了文字。我将下一个 CSS 用于 <img>属性:

.imgP
{
position:relative;
top:10px;
right: 10px;
float:right;
}

文本是下一个元素:

<p> bla bla bla... </p>

如何更改它，以便文本自动移动到图片附近？

Answer 1

我认为您正在尝试在图像上实现文字环绕。

这样做的原理很简单。

像这样创建一些 HTML 标记:

<img src="myimage.jpg" alt="" class="imgP" />
<p>My Paragraph text which will wrap around the image...</p>

要让文字环绕图像，只需将图像向右浮动即可:

.imgP
{
   float: right;
}

float 会导致图像所在的水平间距折叠，并导致文本填充该区域。