如何将元素的宽度调整为仅与其内容一样宽，包括当一行文本由于固定的外部包装宽度而换行时。
请注意，在此FIDDLE 中，每个 div 上的黄色背景与其文本内容紧密贴合，除了文本环绕的那个，在这种情况下，该 div 的宽度扩展到外部包装器的宽度。
解决办法是什么？
<div class="wrapper">
<div class="text">apple</div>
<div class="text">banana peels shouldn't be green</div>
<div class="text">kiwi</div>
<div class="text">orange</div>
</div>
这很笨拙，但我认为它会做你想做的事：
.wrapper {
clear: both;
overflow: hidden;
width: 115px;
}
.text {
background: yellow;
display: inline;
margin-bottom: 3px;
}
.text:after { content: ' '; display: block; }<div class="wrapper">
<div class="text">apple</div>
<div class="text">banana peels shouldn't be green</div>
<div class="text">kiwi</div>
<div class="text">orange</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句