你的位置:首页 > 软件开发 > 网页设计 > css 实现DIV水平垂直居中于屏幕

css 实现DIV水平垂直居中于屏幕

发布时间:2016-02-22 10:00:07
原文地址: http://www.manongjc.com/article/374.html css如何将div实现全屏水平垂直居中,本章节介绍一下如何将一个div元素在整个网页内实现水平垂直居中效果,代码是最有说服力的,直接看代码。代码如下:<!DOCTYPE h ...

原文地址: http://www.manongjc.com/article/374.html

 

css如何div实现全屏水平垂直居中,本章节介绍一下如何将一个div元素在整个网页内实现水平垂直居中效果,代码是最有说服力的,直接看代码。

代码如下:

<!DOCTYPE html> <html> <head> <title>css 实现DIV水平垂直居中于屏幕</title><style type="text/css"> body{  margin:0px;  padding:0px; } #thediv{ width:100px; height:100px; background:green; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;}</style> </head> <body> <div id="thediv"></div></body> </html>

原标题:css 实现DIV水平垂直居中于屏幕

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。