为什么内联块元素未对齐？

Question

内部的div与vertical-align: top;我有两个元件,img和一个span(与AAA内侧).

这两种元素具有display: inline-block;与width和height设置.

无论我做什么,我怎么努力,这些元素都错位下面的图所示.有什么问题,我该如何解决这个问题？

每个浏览器都会出现此问题 - FF,IE,Safari ... http://jsfiddle.net/CaU59/

Answer 1

您需要添加vertical-align元素本身,而不是其容器.它们目前是对齐的baseline,您可以从与图像排列的文本中看到它们.

http://jsfiddle.net/CaU59/2/

Answer 2

vertical-align: top 将被添加到每个元素

演示http://jsfiddle.net/CaU59/1/