margin:0 auto;
2015-12-23 15:27
176 查看
这是因为每个浏览器都有一个内置的CSS文件,当你没有对某个标签的属性设置的时候,浏览器就会应用内置的CSS文件,怎么才能做到浏览器兼容?不着急,你只需要在CSS文件中,将我们目前应用到得标签body和div置零就OK了,代码这么写:
body,div{padding:0; margin:0;}
让红色区域与浏览器的顶部和左边距离为20像素;
margin-top:20px; margin-left:20px;不过上面的这种写法我们可以精简为
margin:20px 0 0 20px;
其中的数值顺序是:上右下左。
而margin:20px 0;则和margin:20px 0 20px 0;是等价的哟~
怎样才能让红色区域水平定位于浏览器的正中间,无论浏览器窗口的大小,显示器分辨率的大小。
也很简单,刚刚加的两句话"margin-top:20px;margin-left:20px;"修改为:
margin:0 auto;
相关文章推荐
- 将Tab栏居中的方法
- 92.View the Exhibit and examine the data in the PROMO_NAME and PROMO_END_DATE columns of the PROMOTI
- Graphite配置
- struct和typedef struct彻底明白了
- window.onload与$.ready的差别
- Python程序员都会喜欢的6个库
- 我的博客——第一天。
- MySQL嵌套查询实例详解
- 我的博客——第一天。
- Android 线性布局按比例显示
- 使APP消除上方手机消息提示栏(显示WIFI,信号格那栏)消失的方法
- IOS支付宝集成一系列问题
- Habber - IOS XMPP 客户端 教程 (四)聊天界面制作
- android使用系统裁剪图片
- Android studio 编译报错 Error:Error converting bytecode to dex:
- Oracle函数大全
- oracle正则表达式的用法
- Xcode各版本官方下载, Mac和IOS及Xcode版本历史
- 流水灯
- iO7以上用CIFilter生成二维码