jquery - 如何使父宽度等于其中所有元素的宽度?

标签 jquery html css

我的 CSS 代码

.child{
    width:100px;
    height:100px;
    display:inline-block;
}

我的 HTML 代码

<div id="parent">
    <div class="child">
    </div>
    <div class="child">
    </div>
</div>

.parent 宽度将是 100%,但我想让父宽度正好等于所有 child 的宽度,但我不知道我将有多少个 child ,我也不知道每个 child 的宽度一个

使用 CSS 和/或 Jquery 最简单的方法是什么?

最佳答案

您可以 float .parent 或将其内联显示。

关于jquery - 如何使父宽度等于其中所有元素的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2330940/

相关文章:

jquery - 如何对 svg 过滤器 feComponentTransfer 进行动画处理?

javascript - 如何将json对象保存为文件服务器端?

javascript - 将动画应用于列表内的文本

html - Conceal 在推特/谷歌社交按钮后面的 Facebook 评论栏

html - 子菜单在大型菜单中未正确显示

jquery - CSS 多级下拉菜单以及附加的 jQuery

javascript - 如何保留输入的输入值并用带有更新值的标签显示它

jquery - 是否可以将字符串传递给jquery中的dialog()

html - 主页中的背景图像不起作用?

javascript - js - 固定缓冲区到屏幕底部的长表单/div,以便用户可以看到前方