css3 - 如何讓div中的內容水平居中，垂直居中

問題描述

將內容區域的樣式設置成這樣，可以解決，可是在編碼的時候也會有很多問題。

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

有其他的方法嗎

問題解答

首先get一個新方法；我一般這樣居中.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/