html垂直居中box,div垂直居中于父容器 box-pack 属性和box-align属性控制

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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; }

列1

列2

列3