看看下面的小提琴:
当您的图像带有包含在锚点/链接中的文本时,图像和代码中的文本之间的空白会在文本之前的呈现页面中创建一个带下划线的空白。
当没有图像时,即使代码中有空格,也没有带下划线的空格。
我可以看到避免这个带下划线的空格的唯一方法是消除我的代码中的空格。但我讨厌改变我的编码风格以改变渲染页面的呈现方式。无论如何,为了操纵页面的呈现而改变您的 HTML 无论如何都是错误的。这就像使用换行符 ( <br/>
) 在元素之间添加空格而不是使用 CSS。
是否有用于解决此问题的不太明显的 CSS 属性?
更新 由于某种原因,人们对我在代码中的图像边框和边距感到困惑。我只是把它们放在那里让它看起来不错。它们与问题无关,因此我删除了它们并更新了小提琴,以便人们可以更清楚地了解问题所在。