<分区>
我通常将父级的 .text-container 显示设置为 inline-block 以使宽度与子级 .text 对齐。在这里我还有一个额外的问题:parents width 被硬编码为 element.style。如何覆盖内联样式并同时调整为子宽度？我只能使用 CSS。
https://jsfiddle.net/xc7ybt31/
HTML
.text {
display: inline;
}
.text-container {
display: inline-block;
float:left;
}
.main-container {
display: inline-block;
}<div class="main-container">
<div class="text-container" style="width:100px">
<div class="text">
text
</div>
</div>
</div>
最佳答案
试试这个代码
设置宽度:auto!important;
.text-container {
display: inline-block;
float: left;
width: auto !important;
}
.text {
display: inline;
}
.text-container {
display: inline-block;
float:left;
width: auto !important;
}
.main-container {
display: inline-block;
}<div class="main-container">
<div class="text-container" style="width:100px">
<div class="text">
text
</div>
</div>
</div>关于html - CSS:覆盖父级的内联样式宽度以适应子级宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44065110/