假设我有一张可变宽度的图片 (最小: 100px,最大: 100% [760px])。我还有一个
以下是涉及此场景的代码 jsfiddle: html:
有什么想法吗?
<p>
元素需要显示在图片右下方。我希望 <p>
具有与 <img>
相同的宽度,但我似乎找不到答案。以下是涉及此场景的代码 jsfiddle: html:
<div id='page'>
<figure>
<img src='http://www.myimage.com/img.jpg'/>
<p>Hi there. I am some text. I would like to start where the image starts :(</p>
</figure>
</div>
CSS:
#page {
width:760px; /* arbitrary */
}
figure img {
display: block;
border: 1px solid #333;
max-width: 100%;
min-width: 100px;
margin: 0 auto;
}
figure p {
/* ??? */
}
有什么想法吗?
figure
定义一个与图片宽度相同的宽度。 - davidpauljuniordisplay: table
,使用 <table> 并不是最佳实践,因为这不是表格数据。 - davidpauljunior