在DIV中图片和文本垂直居中的方法

DIV标签是不支持"vertical-align:middle"垂直居中。要在DIV垂直居中，就可以用增高行距"line-height"的办法变通实现垂直居中。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
</head>
<body>
 <div style="width: 200px; height: 200px; background-color: #f00; text-align: center; line-height: 200px;">
  文本垂直居中
 </div>
</body>
</html>

posted on 2008-05-12 16:53  蚊子  阅读(1664)  评论(2)    收藏  举报