使span继承兄弟宽度

Question

我的div有一个标题元素和一个span。

如何阻止span使父div更大？

即。只允许span的宽度为兄弟标题的宽度。

示例：

<div class="media-body">
  <h4 class="media-heading">
    Lauren Ipsum
    <small>@ipsum - 2014-06-01T18:40:35.000Z</small>
  </h4>
  <span>
    Lorem ipsum..
  </span>
</div>

span不应该div，而不是不存在。{/ p>

示例：fiddle

Answer 1

如果我理解您的问题，您希望span元素保持其父级的大小。

通过查看代码，您似乎还没有指定父代的最大宽度，因此跨度假定它一直流动直到它到达容器的边界。鉴于它没有设置，文本一直持续到浏览器窗口。

您的选项可能仅限于1）设置父级的最大宽度，并将span设置为display: block;或2），在span上设置最大宽度。