army8735

其实这个标题有歧义，它包含两种意思：1.已定容器高度下，要求未知高度内部行级元素垂直居中；2.未知容器高度下，要求已定高度内部行级元素垂直居中。
2007年，《淘宝UED招聘题解》给出了第一种情况的解答；最近，19楼UED在《“床”结构的写法》一文中提出一种另类方法。
先给出DEMO地址：/wp-content/uploads/2009/10/vertical_middle.html
第一种情况下，关键在于对IE的hack（不使用expression），使用了font-size，让容器/字体 = 1.14实现IE垂直居中，demo中第一个框就是如此。
第二种情况下，关键在于使用了writing-mode:tb-rl，可以看到demo中第二、三个框正确居中。但是这里主要有2点问题：1是多余的标签，多出了2个；2是文字变成垂直的了，把鼠标移上去就会发现光标旋转了90度（IE）。
想要第二种情况下文字水平？别急，综合前两种技巧就可以。demo中第四、五个框给我们展示了成果。