当在figure标签中放置一张图片时,figure的宽度为100%。如何使figure始终具有与图像相同的宽度?以下是我当前的代码:
HTML:
HTML:
<figure>
<img src="http://www.google.com/images/srpr/logo3w.png" alt="" />
</figure>
CSS:
* {
margin: 0;
padding: 0;
}
figure {
border: 1px solid red;
}
img {
border: 1px solid blue;
vertical-align: top;
}
inline-block
的好处吗?谢谢。 - Sachin