css 为什么 行 高 对 img 元素 不 起 作用 ?

gr8qqesn  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(278)

MDNline-height 可以 处理 行 内 元素 。 图像 是 行 内 元素 。 那么 为什么 line-height 不能 处理 img 元素 呢 ? Here is the jsfiddle 中 的 行 高 不会 使 图像 居中 。

nkoocmlb

nkoocmlb1#

您链接到的页面显示:
在替换的内联元素(如按钮或其他输入元素)上,行高不起作用。
img元素是replaced行内元素,因此line-height对它们没有影响。
如果要设置图像周围线条框的线条高度,则需要一个额外的元素。
第一个

hsgswve4

hsgswve42#

您需要在div上使用line-height
第一个

相关问题