gpt4 book ai didi

html - CSS "vertical-align: top"用于删除内联元素下方的底部空间 - 它是如何工作的?

转载 作者:太空宇宙 更新时间:2023-11-04 13:06:55 25 4
gpt4 key购买 nike

我知道浏览器会在内联元素下方添加一些额外的空间。用于容纳 j、q、y 等字符的“尾部”。

摆脱该空间的一种可能性是向特定元素添加“vertical-align: top”属性:

figure img {
vertical-align: top;
}

它有效。我试过了。

但我不明白它的如何为什么会起作用。

我希望图形容器保持其大小,并将 img 放在图形容器的最顶部。

为什么要折叠容器?

有人能给我解释一下这里用来移除不需要的底部空间的行为吗?

最佳答案

'vertical-align' 不影响寻址元素的对齐方式。'vertical-align' 指定内联元素应如何围绕内联元素运行。我认为借助背景知识,您还可以解释进一步的行为。

我提前为我的英语知识道歉。 :P

关于html - CSS "vertical-align: top"用于删除内联元素下方的底部空间 - 它是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39955177/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com