我在使用包含多种字体大小的文本行时遇到问题。我希望所有文本都与.line1元素的中间对齐。我使用vertical-align:middle，但它没有做到这一点。这是JSfiddle：http://jsfiddle.net/tWxdT/
答案 0 :(得分：2)
擦除css中的所有vertical-align。并给product_mark_bg一个vertical-align：baseline
答案 1 :(得分：0)
在Google Chrome浏览器中看起来也不错，但是我可以建议您在CSS中使用d isplay: table-cell;吗？如果不是那么使用Vertical-Align然后废弃并尝试通过顶部和底部的HTML标签等量的填充。
答案 2 :(得分：0)
您可以设置行高以更好地对齐不同大小的文本。不确定它是你在寻找什么，但在示例中添加2.2em的行高会使文本有点不同。