div水平垂直居中的完美解决方案

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

查看下面的例子:



提示:您可以先修改部分代码再运行
注意,需要加上上面的那句

才能生效,要是不想要这句的话,也可以给body加一个属性:
body{text-align:center;}

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

div居中的完美解决方案! (水平垂直居中)
1,关于居中使用css为:position:fixed;left:50%;top:50%;margin-left:width/2;margin-top:height/2;
对于ie6,只能把position:改成absolute;



提示:您可以先修改部分代码再运行

  • 本文相关:
  • css使用placeholder-shown伪类实现输入框浮动文字效果
  • css 权重值(层叠性)实例详解
  • 如何反转css中的贝塞尔曲线的实现方法
  • css揭秘之多重边框的实现
  • css sticky footer 几种实现方式
  • css八等分圆的实现示例
  • css开关按钮样式详解
  • css等高布局常用几种方式
  • css 类名的问题详解
  • css实现网页栏目左侧固定当滚动到底部时自动调整位置
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved