【问题标题】:HTML, <a> or <span> arround <img>, buggy renderingHTML, <a> or <span> arround <img>, 错误渲染
【发布时间】:2011-01-13 03:48:47
【问题描述】:

我在许多实现中都经历过,由&lt;a&gt; 锚点或&lt;span&gt; 标记包裹的图像&lt;img&gt; 在顶部、底部或任一侧任意显示一些扩展填充。

它是特定于浏览器的,与标签的滥用有关,还是被认为是 html 中的缺陷?

【问题讨论】:

    标签: html


    【解决方案1】:

    图像(默认情况下)是内联渲染的,因此被视为字符。它们的默认垂直对齐设置使得它们下方有空间用于下降(您可以在 j、y 和 g 等字母上找到,但不是 a、b 或 c),并且它们上方可能有空间,具体取决于当前行高度。

    span 或anchor 的开始标签和img 标签之间,或者img 标签和span/anchor 的结束标签之间的空白很重要(所以到一边的padding 更可能是空格)

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-05-15
    • 1970-01-01
    • 2013-11-15
    • 1970-01-01
    • 2020-11-21
    • 1970-01-01
    • 2023-01-15
    相关资源
    最近更新 更多