我正在使用Bootstrap 3框架开发网站，并且在将背景色应用于某些页面元素时遇到问题。
例如，我有一个简单的div，其类名为“ tag”，我给它提供了#ececec的背景色，并给其填充了5px 10px 5px 10px。在div中，我只是一小段文字，例如“ lorem ipsum”。通常，此操作的结果是使文本具有浅灰色背景，并且在文本上方和下方分别有5px和向左和向右10px。由于某种原因，背景色会延伸到父div的整个宽度。我不想为div设置特定的宽度，因为它应该根据内部文本的长度收缩和扩展。请参阅下面的示例代码。
.tag {
background-color: #ececec;
margin-bottom: 2px;
padding: 5px 10px 5px 10px;
}
<div class="tag">Lorem Ipsum</div>
divs默认情况下显示为块元素。这意味着它将扩展以填充其所在容器的宽度。更改为使用span元素代替：
<span class="tag">Lorem Ipsum</span>
或更改CSS以将display属性修改为inline或inline-block：
.tag {
background-color: #ececec;
margin-bottom: 2px;
padding: 5px 10px 5px 10px;
display: inline;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句