微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – 没有文字环绕将图像向右浮动

https://jsfiddle.net/calebp/ksnmggL5/light/

我正在尝试制作一个网页时遇到一些困难.在链接的示例中,我将图像准确地放在我想要的位置(较大的图像右对齐,横幅对齐,但在左侧).我遇到的问题是我想要横幅图像下面的段落.我怎么能让它完全低于它,而不是随机的’the’在远处漂浮?

<div style="width: 920px;">
<div style="clear: both; text-align: left;">
<a href="largeimage.png"><img border="0" src="largeimage.png"  style="float: right; margin-bottom: 1em; margin-left: .75em;"/></a>
<img border="0" src="banner.png" style="clear: left; float: right; margin-bottom: 1em;"/>
<p>THE ParaGRAPH</p>
</div>
</div>

这是我想要的样子,但没有固定的宽度:
https://jsfiddle.net/calebp/ksnmggL5/5/

解决方法

您可以将横幅和段落文本放在一个div中,并使宽度与横幅相同.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐