楼上所说的只适用于ie浏览器,要使在不同浏览器都能按要求显示应该这样写:<divstyle=＂width:400px;height:300px;border:1pxsolidred;text-align:center;padding-top:20px;＂><tablestyle=＂border:1pxsolidred;margin:auto;＂><tr><td>dfasjdfhkaj</
<html><head><style> html,body{height:100%; margin:0; padding:0; overflow:hidden; background-color:#F00;}.d2{width:200px; height:200px; position:absolute; top:50%; left:50%; z-index:1;/*background-color:#FF0;*/}.d3{background-color:#06C;
line-height = height即可. 如:height:77px;line-height=77px;div里面就居中了.
水平居中一般都可以使用text-align:center来实现,但也有例外,关键是看上下文代码是如何写的.垂直方向是用外层div高度减去内层div高度,再将这个高度除以2,然后使用margin来实现垂直居中.
里面图片可以用一个小div装起来,然后用定位给小div自适应居中就行了,比如:
可以这么考虑!text-align:center|left|right;这个是内容居中|左|右如果想DIV居中|左|右的话:DIV居中:给div设置一个宽度,然后margin:0auto;DIV居左和居右可以用float:left|right;
看你是什么内容,,如果是文字, <div style=＂width:500px;height:500px;background:#000;color:#fff;line-height:500px;＂> 这里的文字是会垂直居中的 </div> 如果是子元素,,可以给它做定位. <div style=＂width:500px;height:500px;
body { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;}
在body里面写上text-align:center; 表示在body里面所文字,及元素都对齐,你现在就可以在IE6或者7里面预览了,哈哈确实居中了,再在火狐里面看,咦,好像还是居左对齐哦; 接着咱们就在divCSS样式里面加上这么句margin:0 auto; 好了,再预览,怎么样,在IE和火狐都能居中了,但是我要说下,在body里面我们定义了个text-align:center;表示body里面所文字都居中了,在排版时候你可能都让文字居中显示吧? 在div里面加上text-align:left; 这样就覆盖了在body里面定义块里面文字也居中对齐啦
让div的内容在上下和左右都居中,可以设置margin-left,margin-right,margin-top,margin-buttom为auto来实现.另外,横向的居中 text-align:center 垂直的居中 可以 人为 定义好里面内容的高度然后 margin:auto