div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~

div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~

ID:11128038

大小:25.00 KB

页数:5页

时间:2018-07-10

div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~_第1页
div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~_第2页
div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~_第3页
div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~_第4页
div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~_第5页
资源描述:

《div、ul、li、image水平竖直居中代码大全(for ie firefox opera)~》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、1、DIV在整个body中水平居中:#DivComment{   position:absolute;   top:90%;    left:45%;   width:40%;   margin:000-240px;   padding:10px10px0px0px;}效果见:这里的评论层2、DIV在另一个DIV中水平居中:#div1{TEXT-ALIGN:center;}#div2{MARGIN-RIGHT:auto;MARGIN-LEFT:auto;height:200px;background:#F00;width:400px;}在要

2、居中的div的父级元素(未必是div,可以是ul、li等)中设置TEXT-ALIGN:center;即可实现此div居中,但仅限于IE6&IE7。在此div中加上MARGIN-RIGHT:auto;MARGIN-LEFT:auto;或者margin:0auto;即可实现在firefox中也居中。3、UL居中和li水平居中:其实任何居中,只要是web元素,可加上id属性的都可以使用上面的方法。只是要记住需把ul、li的宽度设置一下才,最好加个背景色才可以看出是否居中。否则ul、li默认是一条撑满div的"楼梯",是看不出是否居中的。4、ima

3、ge居中:也可用上述方法,但我发现有时直接用最简单的

,维护起来更方便5、DIV垂直居中可参考以下文章:div+css实现Firefox和IE6兼容的垂直居中CSS如何使DIV层居中之我见css中如何使div居中(垂直水平居中)

垂直居中,Firefoxonly

4、p>

垂直居中,Firefoxonly

垂直居中,Firefoxonly

垂直居中,IE6only

垂直居中,IE6only

垂直居中,IE6only

5、ivstyle="border:1pxsolidred;height:200px;position:relative;display:table-cell;vertical-align:middle;">

垂直居中,FirefoxIE6only

垂直居中,FirefoxIE6only

垂直居中,Firefo

6、xIE6only

再来俩水平垂直居中的代码。。。1.2.