html - 具有自动宽度的相对 DIV

标签 html css

我有一个 div,里面有一张图片和一个标签。标签必须位于图像之上,因此我制作了外部容器 div relative

但我还希望容器 div 具有与图像相同的宽度。所以我可以在我的标签上设置一个 100% 宽度。我也不知道手前图像的宽度。这是动态加载的。

但是 container div 始终设置为 100% 宽度。有什么办法让它拥有里面图片的宽度吗?

示例:http://jsfiddle.net/sbNZu/391/

最佳答案

对您的容器执行以下规则之一:

  1. 添加一个display:inline-block
  2. 添加float:left

要么缩小容器 div 以适应内容。

关于html - 具有自动宽度的相对 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17775672/

相关文章:

javascript - 如何更改 :before on hover of another element? 的颜色

html - meteor css 动画与之前/之后

jquery - 打开时突出显示带有类的选择/下拉列表,或者具有除初始默认选择之外的选项

jquery - 添加到 html 后获取视频 html 5 持续时间

javascript - jQuery HTML anchor 标记渐进增强

javascript - 带有 - 的 CSS 选择器作为操作符

html - Bootstrap 3.0 内联标题标签

html - 如何去除不需要的边距

css - 如何应用 css 样式来选择焦点?

html - 将十五个子 DIV 作为元素符号对齐到其父 Div 的底部