以下代码是我网站的简化版本.在我的网站上,图像宽度因页面而异,文本大约为100个单词.这意味着段落将DIV拉伸为比图像更宽.仅使用CSS,是否可以将DIV和段落缩小到图像的宽度？
Example of what I’m trying to describe here.Top是我得到的,底部是我想要的.
HTML
<div>
<img src="image.jpg" />
<p>Lorem ipsum dolor sit amet.</p>
</div>
CSS
div {
display: inline-block;
}
解决方法
为了做任何与表相关的事情,我将永远羞辱自己：
http://jsfiddle.net/WM6hK/3/
div {
display: table;
border: 1px solid red;
width: 1%;
}
p {
border: 1px solid blue;
}
