又或者把div换成table布局，只要给td设置text-align:center即可达到水平和垂直方向都居中，因为td默认就是垂直方向居中的
就是布局页面时，不用<table>布局，用<div>布局，设置页面的呈现html中用来布局的元素不用table,改用div,对div等元素设置class属性值，或id属性值，在css中，根据类选择器（class属性值），id选择器（id属性值），标签选择器（元素标签本身）来设置相应div等元素的样式来达到布局页面的目的。css一般用定位positon ,浮动float来设置布局。比如：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
div.A{
background: red
position: absolute
top:0
left:0
width:30px
}
div.B{
background: blue
margin-left: 30px
width: auto
}
div.c{
background: yellow
width: 50%
margin: 0 auto
position: relative
}
</style>
</head>
<body>
<div class="c">
<div class="A">
sdfd
</div>
<div class="B">
sdfd
</div>
</div>
</body>
</html>
