首页 相关文章 网页布局 CSS简单实现垂直居中

网页布局 CSS简单实现垂直居中

英文原文:
http://www.search-this.com/2008/05/15/easy-vertical-centering-with-css/

中文译文:
http://www.12sui.cn/blog/71.html

本人英语还没过四级,所以不能说是翻译把,只能说是按照自己的理解去叙述了一遍作者的意思,请各位多多指教。

译文内容

当你发觉你曾经以为的事实其实并不是那样,你会感觉很开心。

旧的方法

经常做的第一件事通常是如何在 CSS 中控制元素水平或者垂直方向上居中,相信这也是很多设计师喜欢做的事情。首先,我们采用绝对定位的方法让元素离开顶部和左部 50% 的距离,然后我们需要设置一个负的 margin 来将元素拉回到中间的位置。

现在让我们来看一下这种方法的代码以及它所带来的问题:

CSS 代码:

html,body{
height:100%;
margin:0;
padding:0;
...[ 查看全文 ]

2016-02-19 标签:

网页布局 CSS简单实现垂直居中的相关文章

手机页面
收藏网站 回到头部