当父级为100％时，从子元素重置宽度？

Question

我使用粉底作为我网站的基本模板。现在我在许多div中有一个span-element。

父元素是宽度为100％的div，我需要的是什么，但是span现在有文本，背景颜色。

  

所以我只想通过文本调整跨度宽度，而不是通过文本调整   父元素。怎么做？

width: initial or auto无效。

编辑：

CSS看起来像：

span.error, small.error {
  background: #B86566;
  margin: 0px 10px 10px 10px;
  padding: 0.375rem 0.375rem 0.375rem;
  text-align: left;
}

HTML：

<span ng-if="method_here" class="error">
<span class="arrow_up"></span>
  {{validation_message}}
</span>

所有这些都在一个宽度为100％的div中。

Answer 1

将范围设置为display: inline-block;。