我在练CSS和我很困惑我怎么能强迫我的 DIV 元素为中心（垂直和水平方向），在我的网页（指哪种方式或途径跨浏览器兼容）？

I am practicing CSS and i am so confused how can i force my div element to be center (vertically and horizontally) at my page (mean which way or ways for cross browser compatibility)?

祝商祺！

推荐答案

有许多方法：

CSS

 <div style="width:200px;height:100px;position:absolute;left:50%;top:50%;
margin-left:-100px;margin-top:-50px;">
<!–content–>
</div> 

2。中心水平和文字的垂直一行

2 . Center horizontally and vertically a single line of text

CSS

<div style="width:400px;height:200px;text-align:center;line-height:200px;">
<!–content–>
</div>  

3。居中的元件的水平和垂直对准，没有特别的措施

3 . Center horizontal and vertical align of an element with no specific measure

CSS

<div style="display:table;height:300px;text-align:center;">
<div style="display:table-cell;vertical-align:middle;">
<!–content–>
</div>
</div>  

这里更多： Horizontal和垂直对齐在CSS