gpt4 book ai didi

html - Safari 和 FireFox 中 div 中的垂直居中图像差异

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

我目前正在 Safari 和 Firefox 中进行比较。div 中的小图像,我需要将其垂直居中。

这是我提炼出来的一个简单测试用例: http://dl.getdropbox.com/u/340087/Drops/09.23.09/so-03f73322-164033.html

这个可能更简单: http://dl.getdropbox.com/u/340087/drops/09.23.09/align-42fc19f2-154007.html

1) 为什么图像后需要一个空格才能使任何对齐 css 起作用?

2) 我该怎么做才能让 Safari 完美居中,它太低了 1-2 像素,本质上是将图像的顶部与文本对齐。

谢谢

最佳答案

图像被视为内联元素,因此它们基本上被视为文本。

如果您想要跨浏览器精确定位,最安全的方法是使用图像作为背景,而不是内联 img 元素。

关于html - Safari 和 FireFox 中 div 中的垂直居中图像差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1469093/

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