看看下面的小提琴:
http://jsfiddle.net/DNhAk/14/ http://jsfiddle.net/DNhAk/14/
当您的图像的文本包含在锚点/链接中时,代码中图像和文本之间的空白会在呈现的页面中的文本之前创建一个带下划线的空白。
当没有图像时,即使代码中有空格,也没有下划线空格。
我可以看到避免这种带下划线的空格的唯一方法是消除代码中的空格。但我讨厌为了改变渲染页面的呈现而改变我的编码风格。无论如何,改变 HTML 来操纵页面的呈现是错误的。这就像使用换行符 (<br/>
) 在元素之间添加空格而不是使用 CSS。
是否有一个对我来说不太明显的 CSS 属性可以用来解决这个问题?
UPDATE由于某种原因,人们对我在代码中的图像边框和边距感到困惑。我把它们放在那里只是为了让它看起来漂亮。它们与问题无关,所以我删除了它们并更新了小提琴,以便人们可以更清楚地了解问题是什么。
你可以设置 CSSa
像这样的元素:
a {
display: inline-block;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)