我正在尝试使用收缩来贴合#container。它可以完美地工作，直到它包含的元素换行为止。这会使其扩展到 180 像素。
#screen-dimensions
{
width: 250px;
height: 100px;
background-color: yellow;
}
#container
{
display: table;
background-color: pink;
border: 5px solid red;
}
#container > div
{
display: inline-block;
width: 160px;
background-color: lightblue;
border: 5px solid blue;
}
<div id="screen-dimensions">
<div id="container">
<div>content</div>
<div>content</div>
</div>
</div>
我明白为什么会出现这种行为，但我无法找到任何解决方法。
这可以解决吗？
尝试使用：
{
display: inline-flex;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
