div、ul、li、image水平竖直居中代码大全(foriefirefoxopera)

ID：8807926

大小：25.00 KB

页数：5页

时间：2018-04-08

div、ul、li、image水平竖直居中代码大全(foriefirefoxopera)_第1页

div、ul、li、image水平竖直居中代码大全(foriefirefoxopera)_第2页

div、ul、li、image水平竖直居中代码大全(foriefirefoxopera)_第3页

div、ul、li、image水平竖直居中代码大全(foriefirefoxopera)_第4页

div、ul、li、image水平竖直居中代码大全(foriefirefoxopera)_第5页

资源描述：

《div、ul、li、image水平竖直居中代码大全(foriefirefoxopera)》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

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

2、:#F00;width:400px;}在要居中的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的宽度设置一下才，最好加个背景色才可以看出是

3、否居中。否则ul、li默认是一条撑满div的"楼梯"，是看不出是否居中的。4、image居中：也可用上述方法，但我发现有时直接用最简单的

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

4、:middle;height:200px;border:1pxsolidred;">

垂直居中，Firefoxonly

5、-50%;">

垂直居中，IE6only