0

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;
  }
4

2 回答 2

2

inline-block当您希望一个元素表现得像一个inline元素但能够尊重诸如高度、宽度、顶部和底部填充和边距等属性时,您通常会使用。

由于您没有设置任何这些,因此您不会看到inline和之间的区别inline-block

于 2013-04-29T13:01:57.327 回答
0

如果您试图让.new-line每个项目都在自己的行中,那么您必须使用block而不是inline-block.

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

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

于 2013-04-29T13:05:15.440 回答