为什么浏览器会错误地呈现<span>、<a>、<em>和c？
为什么浏览器会错误地呈现<span>、<a>、<em>和c？
提问于 2011-12-15 16:21:11
转到此example page。如你所见，链接、“Call”和“Email”等词都比文本的其余部分对齐得更低。当我用标记或类似的标签包装标记时，也会发生这种情况。
我要重置了所以..。该死的是什么导致了这一切？这在所有浏览器中都会出现，所以这不是Chrome问题或Safari问题，也不是任何浏览器问题。
WR！
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-12-15 16:27:10
这是因为这些元素上有4px的填充，请检查您的规则
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 4px;
vertical-align: middle;
border-image: initial;
}这包括您在单词Call和Email中使用的span
Stack Overflow用户
发布于 2011-12-15 16:29:27
这是由“重置默认浏览器CSS”引起的。不管怎样，我不会推荐这样的东西。特别是，a元素上4px的padding与vertical-align: middle一起导致它们比不在任何指定标记内的普通文本呈现得更低。有关最小示例，请参阅http://jsfiddle.net/nxzEA/。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8517043
复制相关文章
相似问题
腾讯云开发者
