ncry.net
当前位置:首页 >> 怎么让Div居中显示 >>

怎么让Div居中显示

楼上所说的只适用于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

网站首页 | 网站地图
All rights reserved Powered by www.ncry.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com