晚上前端巫师。我正在尝试做一些非常简单的事情：我希望在我的身体内容中左右浮动图像，每个图像下方都有一个标题。为了尝试实现这一目标，我将浮动一个带有图像的div，然后是一个带有下面标题的跨度。我已经将图像的最大宽度设置为100％，因此我的布局很敏感。
有没有办法只使用CSS和HTML我可以将包含div的宽度限制在其中的图像宽度？我发现下面的跨度推出了div的宽度，无论是否显示：inline-block。我希望跨度始终与图像的宽度相同，因此文本与图像的右边缘一致。
我希望能够使用不同宽度的图像，因此在div上设置最大宽度并不能解决问题。我可以用JQuery轻松地做到这一点，但那会是作弊。
感谢任何建议！你可以在http://jsfiddle.net/andfinally/yBHjK/
看到我在说什么答案 0 :(得分：2)
尝试将max-width设置为容器，然后width: 100%设置为图像。它应该工作。
答案 1 :(得分：0)
您可能想尝试添加：
style="word-wrap: break-word;"
到span elememt，或在带有：
的css表中.image span {
word-wrap: break-word;
}
修改 这应该会破坏span元素中的文本以适应两条或更多条线，而不是超出图像的宽度。
答案 2 :(得分：0)
听起来你想要包含div只为img元素而不是span元素扩展它的宽度。这是对的吗？
没有纯粹的CSS解决方案，JavaScript是实现目标的最佳方式。
两个类似的问题：