html - 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;
}

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