css - 尝试将 inline-block 应用于 span

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/

简短的回答是您需要使用块。