DIV在页面中居中
来源:互联网 发布:淘宝众筹资金到账 编辑:程序博客网 时间:2024/04/28 10:16
让某个DIV在整个页面中处于居中。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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">
html, body
{
height: 100%;
margin: 0px;
padding: 0px;
text-align: center;
vertical-align: middle;
}
span
{
vertical-align: middle;
width: 1px;
height: 100%;
display: inline-block;
}
.Container
{
width: 1010px;
height: 625px;
text-align: center;
display: inline-block;
border:solid 1px red;
}
#pic_bg
{
background-image: url(bg.jpg);
background-repeat: no-repeat;
height: 621px;
line-height: 621px;
width: 1004px;
}
</style>
</head>
<body>
<span></span>
<span class="Container">
<div id="pic_bg">
<div>居中的DIV</div>
</div>
</span>
</body>
</html>
- DIV在页面中居中
- div在页面中居中
- div在页面上居中
- div在页面居中显示
- 设置DIV块元素在浏览器页面中垂直居中
- div容器中内嵌2个 div,如何让容器div在页面中居中
- div在body中居中
- 在DIV中居中显示
- img在div中居中
- 让div在页面居中的方法
- div在整个页面实现垂直居中
- 让一个div在页面底下,居中
- 子div在父div中居中。
- div在整个页面水平居中 垂直居中
- HTML 页面中 DIV 居中技巧
- 层在页面中居中
- 图片在页面中居中
- 用DIV做的页面在IE中不能居中,火狐中可以
- More Than BREW: 解析BREW核心机制
- 说出你的想法,赢取Windows Phone 7手机
- Eclipse Int Platform for Java 错误的排查
- test1
- 有关量子通信
- DIV在页面中居中
- Eclipse 技巧
- 优柔寡断的人必读忠告。。。
- Android源代码编译
- weblogic更新license步骤 (转)
- 安装成功两个组件:coolTrayIcon和RxLib2.75-D7
- 很不错的歌曲,在网上看到的,觉的不错,和大家一起分享一下
- android中移植 c/c++程序
- 两倍