如何解决文字环绕图像
|解决方法
将图片向左浮动。
.someclass
{
float: left;
}
, 我不太了解您的意思(即使是顶部),但我建议您在图片中添加float:left样式,
<img src=\"images/grad_cap.jpg\" style=\'float:left\' />
请记住在下一个元素上都明确说明:确保所有内容均恢复正常。
例如
<div style=\'clear:both\' />
这里有一个很好的教程,可以帮助您逐步了解所需内容,网址为http://css.maxdesign.com.au/floatutorial/
问候,
安迪
, <div style=\"overflow:auto\">
<div style=\"float:left;\">
<img src=\"#\" style=\"margin-right:10px;\"/>
</div>
<div style=\"float:right;\">
text goes here.
</div>
</div>
CSS浮动会达到您想要的效果。父元素的“溢出”会自动溢出,从而使容器的底部延伸到两个子元素的高度(实现与clear:both相同)。
如果要在图像和文本之间留出一些空间,请在图像上放置一些边距/填充,或定义左侧和右侧浮动div的宽度,以在它们之间留出一定的空间。
(通过在图像上而不是浮动div上放置页边距/填充,可以避免Internet Explorer 6错误,该错误在浮动元素上使页边距翻倍。)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。