全文居中及DIV居中

简介: 第一种方案(全文档): body {     text-align: center; } body div {     margin: 0 auto; } 第二种方案(某DIV): .

第一种方案(全文档):

body {
    text-align: center;

}
body div {
    margin: 0 auto;
}

第二种方案(某DIV):

.testing-head {
    width: 1120px;
    position: fixed;
    left: 50%;
    margin-left: -561px;
}

一个不好的方案,类似如下:

/*_position: absolute;
_top: expression(documentElement.scrollTop + "px");
_left: expression("100px");*/     
/*_left: expression((document.body.scrollWidth - 1120)/2+ "px");*/  

备注:_前缀只针对 IE6

Creative Commons License本文基于 Creative Commons Attribution 2.5 China Mainland License发布,欢迎转载,演绎或用于商业目的,但是必须保留本文的署名 http://www.cnblogs.com/luminji(包含链接)。如您有任何疑问或者授权方面的协商,请给我留言。
目录
相关文章
|
6月前
|
前端开发
CSS水平居中与垂直居中的方法
CSS水平居中与垂直居中的方法
|
Web App开发 前端开发 JavaScript
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
探索CSS单行文字居中,多行文字居左的实现方式
|
4月前
|
前端开发 C++ 容器
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
CSS【详解】居中对齐 (水平居中 vs 垂直居中)
43 0
|
6月前
|
前端开发
css flex布局两个元素水平居中垂直居中
css flex布局两个元素水平居中垂直居中
102 1
|
前端开发
DIV+CSS文字与图片上下垂直居中-div css居中
DIV+CSS文字与图片上下垂直居中-div css居中
71 0
div盒子水平垂直居中以及表格的居中的方法
div盒子水平垂直居中以及表格的居中的方法
146 0
|
前端开发
CSS水平居中+垂直居中+水平/垂直居中的方法总结
CSS水平居中+垂直居中+水平/垂直居中的方法总结
215 0
CSS水平居中+垂直居中+水平/垂直居中的方法总结
|
前端开发
CSS的垂直居中和水平居中总结
CSS的垂直居中和水平居中总结
132 0
|
前端开发
CSS:一行上不同大小的文字上下垂直居中对齐
CSS:一行上不同大小的文字上下垂直居中对齐
348 0
CSS:一行上不同大小的文字上下垂直居中对齐
|
前端开发
css 实现文字自动换行切同行元素高度自适应
1.实现div行内布局所有行跟随最大高度自适应 html代码样例: 1 2 3 所在部门 4 5 6 7 @ViewBag.decideDetail.departName 8 9 岗位 10 11 @ViewBag.
1597 0