尝试将内联块应用于跨度

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-block元素但是能够尊重高度，宽度，顶部和顶部等属性时，通常会使用inline。底部填充和边距。

由于您未设置任何相关内容，因此inline和inline-block

之间不会有任何区别

Answer 2

如果您想让.new-line个项目各自独立，那么您必须使用block代替inline-block。

请在此处查看jsFiddle：http://jsfiddle.net/25VQa/

简短的回答是你需要使用阻止。