html – 如何使用nowrap创建父级继承内联块的宽度

发布时间：2020-12-14 23:19:18 所属栏目：资源来源：网络整理

导读：我无法让父母继承其子女的宽度. jsfiddle在这里http://jsfiddle.net/4mk3S/ 现在我只有一个外部div white-space: nowrap; 和孩子们一起玩 display: inline-block; 我希望外部div继承它的整个子组的宽度.任何帮助将非常感谢,谢谢！代码：最佳答案添加displ

我无法让父母继承其子女的宽度. jsfiddle在这里http://jsfiddle.net/4mk3S/

现在我只有一个外部div

    white-space: nowrap;

和孩子们一起玩

    display: inline-block;

我希望外部div继承它的整个子组的宽度.任何帮助将非常感谢,谢谢！

代码：


最佳答案
添加display：inline-block;也给了父母
inline-block强制容器包装其所有子节点(div的默认值)将宽度设置为父节点的宽度
Updated fiddle
要更改的相关代码

.outer {
    white-space: nowrap;
    padding: 10px;
    background: green;
    display:inline-block;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!