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;
}
最佳答案
当您希望元素表现得像 inline
元素但能够遵守高度、宽度、顶部和底部等属性时,您通常会使用 inline-block
填充和边距。
因为你没有设置任何这些,你不会看到 inline
和 inline-block
之间的区别
关于css - 尝试将内联 block 应用于跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16279134/