如何对齐两个相同高度但具有不同字体大小的内联块？

Question

是否有一般方法不涉及微调以对齐相同高度但包含不同字体大小的单词的两个内联块？

Vertical-align: middle不起作用。使用%上的vertical-align进行微调可能无法跨浏览器兼容。请参阅Fiddle demo页。

有更好的解决方案吗？

Answer 1

如果您向两个元素添加vertical-align:middle，它就可以正常工作。

您可以将vertival-align:top;同时应用于两者。

fiddle