内容。图片文字flash等。 请注意:div 高度宽度以及 margin 负值需针对内容进行相应设置。 css code:说明:绝对定位 divposition:absolute;顶部和左边距top:50%; left:50%;使用 margin 负值,负值大小为层自身高度宽度的各自二分之一margin:-30px 0 0 -300px;"/>

使div垂直水平居中于浏览器 -亚博电竞官方网址

4,941views
no comments

共计 440 个字符,预计需要花费 2 分钟才能阅读完成。

我们在设计页面布局的时候,很有可能需要用到一个 div 垂直水平居中于 浏览器 窗口,比如我们在开发内部管理系统的登录页面,或网站的 404 页面等。费话不多说,以下就是纯 css 实现 div 垂直水平居中于浏览器窗口的方法。

html code:

内容。图片文字 flash 等。请注意:div 高度宽度以及 margin 负值需针对内容进行相应设置。

css code:

说明:

绝对定位 div
position:absolute;

顶部和左边距
top:50%; left:50%;

使用 margin 负值,负值大小为层自身高度宽度的各自二分之一
margin:-30px 0 0 -300px;


正文完
 
亚博电竞官方网址 copyright notice: our original article, by 网站建设 2013-08-02 publish, total 440 words.
转载说明:除特殊说明外本站文章皆由cc-4.0协议发布,转载请注明出处。
comment(no comments)
网站地图