html页面元素居中
程序员文章站
2022-07-09 09:27:00
...
一般情况下页面的一些元素如正文,等都需要居中,背景图可能不需要,居中的div在css里可以这样设置:
.mainpanle{ width: 980px; margin: 0 auto; }
margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right
因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)
ie中需要用:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 不然不识别
也可以用:text-align: center; 使内容居中。ie,firefox ,chrome 均可以。