我尝试在页面的右侧放置图片。问题在于附近有文本,在某些浏览器中,图片隐藏了该文本。我将下一个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/