原文地址: 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
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。