标签:css
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title></title> <style type="text/css"> div#container { display: -moz-box; display: -webkit-box; -moz-box-align: center; -webkit-box-align: center; -moz-box-pack: center; -webkit-box-pack: center; width: 300px; height: 200px; background-color: pink; } #text-a { background-color: orange; } #text-b { background-color: yellow; } #text-c { background-color: limegreen; } </style> </head> <body> <div id="container"> <div id="text-a">列1</div> <div id="text-b">列2</div> <div id="text-c">列3</div> </div> </body> </html>
div垂直居中于父容器 box-pack 属性和box-align属性控制
标签:css
原文地址:http://xuyran.blog.51cto.com/11641754/1786343