css - 尝试将内联 block 应用于跨度

Question

inline-block 在下面对我不起作用。block 没问题

<div class="delegacion" itemscope itemtype="http://schema.org/HomeAndConstructionBusiness">
  <h2>Delegación Madrid</h2>
  <span itemprop="streeAddress" class="new-line">Calle Guetaria 110</span>
  <span itemprop="postalCode">28041</span>
  <span itemprop="addressLocality" class="new-line">Madrid</span>
  <span itemprop="telephone" class="telephone new-line">
      <a href="tel:+683457946">683 457 946</a>
  </span>

CSS:

  span.new-line {
    display: inline-block;
  }

Answer 1

当您希望元素表现得像 inline 元素但能够遵守高度、宽度、顶部和底部等属性时，您通常会使用 inline-block填充和边距。

因为你没有设置任何这些，你不会看到 inline 和 inline-block 之间的区别