<span>元素中的内容换行到下一行

Question

如果你看一下 https://www.cranberryleague.com 并向下滚动到“2024 年记分牌”，我似乎无法弄清楚为什么位于 span 元素内的球队种子正在包装对于底部列出的团队，到下一行，但对于顶部列出的团队则不。需要明确的是，我指的是 Scituate Stripers 旁边的“(6)”和 Northeast Lions 旁边的“(7)”作为示例。我不希望球队种子排到下一行。我希望它与顶部团队和底部团队的团队名称保持在同一行。任何帮助将不胜感激！

Answer 1

这是

recent-scores-away-team

的 HTML。在您的

<a>

元素中，您使用了

<span>

标签。

<div class="recent-scores-away-team">
  <a title="2024 Braintree White Sox Team Clubhouse" href="teams/white-sox/2024/clubhouse/" class="recent-scores-winning-team">
    <span class="recent-scores-team-full-name">Braintree White Sox</span>
    <span class="recent-scores-team-short-name">White Sox</span>
  </a>
  <span class="seeding" style="margin-left:4px;font-size:13px;">(1)</span>
</div>

这是

recent-scores-home-team

的 HTML。在您的

<a>

元素中，您使用了

<div>

标签。这就是区别。

<div class="recent-scores-home-team">
  <a title="2024 Hock Valley Panthers Team Clubhouse" href="/teams/panthers/2024/clubhouse/" class="recent-scores-losing-team">
    <div class="recent-scores-team-full-name">Hock Valley Panthers</div>
    <div class="recent-scores-team-short-name">Panthers</div>
  </a>
  <span class="seeding" style="margin-left:4px;font-size:13px;">(5)</span>
</div>