有很多方法:
<div style="width:200px;height:100px;position:absolute;left:50%;top:50%;
margin-left:-100px;margin-top:-50px;">
<!–content–>
</div>
2。水平和垂直居中一行文本
<div style="width:400px;height:200px;text-align:center;line-height:200px;">
<!–content–>
</div>
3。没有特定度量的元素的水平和垂直居中对齐
<div style="display:table;height:300px;text-align:center;">
<div style="display:table-cell;vertical-align:middle;">
<!–content–>
</div>
</div>