我有以下标记
<a class="block"><span class="inline">hello</span>world</a>
有<a>一个display:block......如果我给 span.inline amargin-top:3px它也会下推它后面的文本。这是一个 jsfiddle 来查看这种行为
谁能给我一个提示，为什么会这样？
问问题
126 次
2 回答
2
一行中的所有inline元素共享相同的行高。如果你仔细想想，这是有道理的。当你有多行文本时会发生什么？这将是完全不可读的。
在这些情况下，vertical-align属性是您必须使用的。仔细阅读，你应该没问题。
于 2012-11-02T13:53:38.333 回答
1
margin-top: 3px;应用于您<span class="inline">将整个文本的基线向下推。
了解vertical-aligncss 属性可能会有所帮助：https ://developer.mozilla.org/en-US/docs/CSS/vertical-align
于 2012-11-02T13:53:16.500 回答