Safari中内联元素的顶部垂直对齐

索斯滕

我喜欢将一个内联元素与其他封闭式内联元素的顶部对齐。

那是我的代码:

<style>
  span {
    vertical-align: top;
  }
</style>
<span><a><img src="http://placekitten.com/100/100" /></a></span>
<span><a><img src="http://placekitten.com/100/50" /></a></span>

我的小提琴

出于某些原因,Safari(Mac版)无法处理此代码,它将图像对齐到底部。:(

有谁知道这是什么问题,甚至如何解决?欢迎使用纯HTML和CSS的所有解决方案,而不会更改上述任何元素的显示属性

最后的限制是困难的部分。;)

乔什·克罗齐耶(Josh Crozier)

坦白说,它不适用于任何浏览器。

使用vertical-alignimg,而不是母公司,span这是属性的正确用法。

jsFiddle示例

span img {
    vertical-align: top;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

与内联元素垂直对齐

来自分类Dev

表格单元中内联元素的垂直对齐

来自分类Dev

为什么这两个div元素使用显示内联块不与顶部对齐;垂直对齐:顶部?

来自分类Dev

内联块容器中的垂直对齐

来自分类Dev

垂直对齐两个内联块元素

来自分类Dev

显示内联块元素不会垂直对齐

来自分类Dev

显示内联块元素不会垂直对齐

来自分类Dev

将顶部与JPanel中新行中的每个元素垂直对齐

来自分类Dev

垂直对齐元素

来自分类Dev

元素的垂直对齐

来自分类Dev

在div中垂直对齐输入元素

来自分类Dev

div中的垂直对齐元素

来自分类Dev

垂直对齐父div中的元素

来自分类Dev

在Bootstrap中垂直对齐左右元素

来自分类Dev

内联块向下移动其他内联块并垂直对齐:顶部不起作用

来自分类Dev

内联块div中的垂直对齐范围文本

来自分类Dev

如何像Pinterest中那样垂直对齐内联块?

来自分类Dev

如何像Pinterest中那样垂直对齐内联块?

来自分类Dev

内联块中带有垂直对齐的居中图标

来自分类Dev

将TD中的PRE块垂直对齐到“顶部”

来自分类Dev

CSS将输入中的文本垂直对齐到顶部

来自分类Dev

CSS将输入中的文本垂直对齐到顶部

来自分类Dev

内联元素的垂直对齐并消除内联块元素之间的空间

来自分类Dev

Safari中的垂直对齐方式行为异常

来自分类Dev

垂直对齐浮动元素

来自分类Dev

垂直对齐块元素

来自分类Dev

垂直对齐<span>元素

来自分类Dev

垂直对齐浮动元素

来自分类Dev

垂直对齐浮动元素