在CSS中将文本限制为兄弟图像的宽度/自动宽度

样式表

div.figure img,div.figure div.caption {    width: 100%;}div.figure div {    overflow: hidden;    white-space: nowrap;}

注意：要启用换行，只需删除最后的CSS行

HTML

<div  >    <img src="logo.png" alt="logo" />    <div >A description for the image</div></div>

我已经在Chrome，Firefox和IE7中对其进行了检查，在所有这三个方面看起来都不错。我意识到这在div上具有宽度，而在img上没有，但是至少您只需要将宽度设置在一个位置即可。没有使用css-
expressions（仅适用于IE），我看不到将外部div宽度设置为第一个子元素的宽度的方法。