問(wèn)題描述

將內(nèi)容區(qū)域的樣式設(shè)置成這樣，可以解決，可是在編碼的時(shí)候也會(huì)有很多問(wèn)題。

.element { width: 60px; height: 40px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; /* 有了這個(gè)就自動(dòng)居中了 */ border:1px solid red;}

有其他的方法嗎

問(wèn)題解答

首先get一個(gè)新方法；我一般這樣居中.element {

width: 60px; height: 40px;position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);border:1px solid red;}

你需要：CSS布局之-水平垂直居中

看這里 http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/