WEB开发网
开发学院网页设计DivCss 让div居中对齐 阅读

让div居中对齐

 2007-12-24 22:59:06 来源:WEB开发网   
核心提示:使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐,.style{margin-left:auto;margin-right:auto;}缩写形式为:.style{margin:0 auto;}数字0 表示上下边距是0,让div居

使用margin-left:auto;margin-right:auto; 可以让你的div居中对齐。
.style{margin-left:auto;margin-right:auto;}
缩写形式为:
.style{margin:0 auto;}
数字0 表示上下边距是0。可以按照需要设置成不同的值。

查看下面的例子:

注意,需要加上上面的那句
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
才能生效,要是不想要这句的话,也可以给body加一个属性:
body{text-align:center;}

另外,让div内的内容(包括文字及图片)居中的代码是: text-align:center;

Tags:div 居中 对齐

编辑录入:coldstar [复制链接] [打 印]
赞助商链接