根据已知高和宽绝对垂直居中div示例代码

时间2024-01-24 02:14:02发布访客分类HTML浏览343

导读：收集整理的这篇文章主要介绍了根据已知高和宽绝对垂直居中div示例代码，觉得挺不错的，现在分享给大家，也给大家做个参考。复制代码代码如下: <!DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1...

收集整理的这篇文章主要介绍了根据已知高和宽绝对垂直居中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> 已知宽高度DIV垂直水平居/title>
style type="text/css">
!--
.main{ position:absolute; top:50%; left:50%; width:821px; height:392px; margin:-196px 0 0 -410.5px; background:#C8EDFB}
-->
/style>
/head>
body>
div class="main"> 已知宽高度DIV垂直水平居/div>
/div>
/body>
/html>

说明：
width:821px; height:392px
margin的取值为高和宽的一半

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！

绝对高宽

若转载请注明出处：根据已知高和宽绝对垂直居中div示例代码
本文地址： https://pptw.com/jishu/584904.html

html div 透明样式示例代码经典的IE6的高度问题-div默认存在3个像素高