div绝对居中显示 首页 » 编程语言 » div绝对居中显示 分享到各大社区 全屏 A 让一个<div>在页面里绝对居中显示。其中left和top的值固定为50%,margin-left和margin-right的值分别为目标<div>的一半大小再取负。如果分别设定left(或top)和margin-left(或margin-top)就是单独设定<div>左右(或上下)绝对居中显示。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> #apDiv1 { position:absolute; left:50%; top:50%; width:200px; height:100px; margin-left:-100px; margin-top:-50px; z-index:1; background:red; } </style> </head> <body> <div id="apDiv1">我是DIV层</div> </body> </html> 标签:HTMLCSS 版权声明:若无特殊注明,本文皆为( VISAce )收集整理,版权归原作者所有。—— 李佳培.中国
发表评论
既然没有评论,那就赶紧抢沙发吧!