居中吧,伙伴们

1.内容居中

body{

  text-align:center;

}

2.宽高固定的DIV

body{

  text-align:center;  //兼容各浏览器

}

div{

  position:absolute;  //使div脱离文档流

  left:50%;     //使用百分比,使得适用各种分辨率的屏幕

  top:50%;

  margin-top:-height/2;   //利用负外边距,将div拉回1/2处,使其居中

  margin-left:-width/2;

}

3.宽固定

div{

  width:[给定值];

  margin:0 auto; //上下为0,左右自动,在IE下为0

}

4.行内居中

设置line-height等于行高,text-align:center;

 

未完待续。。。。。。

posted @ 2014-06-02 23:53  Pada  阅读(127)  评论(0编辑  收藏  举报