0

基本上,使用以下代码:

HTML:<div id="himage"><a href="/mdp/"><img title="MDP!" src="/wp-content/uploads/2013/02/himage.jpg" width="370" height="190"></a></div>

CSS:#himage{width:370px;float:left;border:4px solid #0F651C;}

我得到以下内容,这不是我想要的。它一直在下面添加这个白色部分,所以边界实际上并没有绕过图像:/

输出:http: //i.imgur.com/AiuQFNR.png

有任何想法吗?

4

1 回答 1

2

只需添加img { display: block; }或更具体到您的图像。

这是解决方案示例的链接:http: //jsfiddle.net/WvmhX/1/

这种奇怪行为的原因是因为<img>元素被认为是Replaced Elements

来自 Impressive Web 的帖子““块”和“内联”之间的区别”

基本上,这些既不是块也不是内联。但是您可能会将它们归类为更接近内联但具有块状结构的东西。

于 2013-09-14T18:10:00.333 回答