当父元素为 100% 时从子元素重置宽度？

Question

我使用基础作为我网站的基本模板。现在我在许多 div 中有一个跨度元素。

父元素是一个宽度为 100% 的 div， 我需要的，但是跨度现在有文本，带有背景色。

所以我只想通过文本调整跨度宽度，而不是通过 父元素。如何做到这一点？

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;。