必看参考:
http://www.jb51.net/css/28259.html
让div居中对齐
缩写形式为:
.style{margin:0 auto;}
数字0 表示上下边距是0。可以按照需要设置成不同的值。
例子:
居中div演示效果.align-center{
margin: auto; /* 居中 这个是必须的,,其它的属性非必须 */
width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
background:red; /* 背景色 */
text-align:center; /* 文字等内容居中 */
}
居中div演示效果
也可以给body加一个属性: body{text-align:center;}
另外,让div内的内容(包括文字及图片)居中的代码是: text-align:center;
(水平垂直居中)
水平垂直居中div演示效果.align-center{
4 position:fixed;left:%;top:%;margin-left:width/;margin-top:height/;
}
水平垂直居中div演示效果