我尝试在页面的右侧放置图片。问题在于附近有文本,在某些浏览器中,图片隐藏了该文本。我将下一个CSS用于<img>属性:

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


文本是下一个元素:

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


我如何更改它以便文本自动在图片附近移动?

最佳答案

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

这样做的原理很简单。

创建一些这样的HTML标记:

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


为了使文本环绕图像,您只需将图像向右浮动:

.imgP
{
   float: right;
}


浮点将导致图像所在的水平间距缩小,并使文本填充该区域。

关于html - HTML-带有CSS和文本的img,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15711585/

10-12 12:40
查看更多