将内容区域的样式设置成这样,可以解决,可是在编码的时候也会有很多问题。
.element {
width: 60px; height: 40px;
position: absolute; left: 0; top: 0; right: 0; bottom: 0;
margin: auto; /* 有了这个就自动居中了 */
border:1px solid red;
}
有其他的方法吗
PHP中文网2017-04-17 11:25:59
First get a new method;
I usually center it like this
.element {
width: 60px; height: 40px;
position: absolute;
left: 50%;
top: 50%;
transform:translate(-50%,-50%);
border:1px solid red;
}
巴扎黑2017-04-17 11:25:59
Look here http://f2e.souche.com/blog/jie-du-cssbu-ju-zhi-shui-ping-chui-zhi-ju-zhong/