博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS 自动居中一列布局
阅读量:6201 次
发布时间:2019-06-21

本文共 221 字,大约阅读时间需要 1 分钟。

(1)三个技能点:

①标准文档流

②块级元素

③margin属性(实现网页自动居中布局的关键)

2、居中设置:margin:0 auto;

(1)auto:会根据浏览器的宽度自动的设置两边的外边距

(2)原理:(浏览器的宽度-外包含层的宽度)/2=外边距

(3)要求:不能再设浮动或绝对定位属性

如果想让页面自动居中,当设置margin属性为auto的时候,不能再设置浮动(float)或绝对定位(position)属性,不然magin会失效

转载地址:http://bmxca.baihongyu.com/

你可能感兴趣的文章
《Adobe Premiere Pro CS5经典教程》——2.8 研究文件夹的其他功能
查看>>
Java集合细节(四):保持compareTo和equals同步
查看>>
《Cadence 16.6电路设计与仿真从入门到精通》——1.4 Cadence SPB 16.6的启动 
查看>>
程序员迷茫的未来
查看>>
《Arduino奇妙之旅:智能车趣味制作天龙八步》一1.6 A计划
查看>>
《例说51单片机(C语言版)(第3版)》——第1章 轻松看MCS-51 1-1 微型计算机与单片机...
查看>>
《产品设计与开发(原书第5版)》——2.8 小结
查看>>
《Adobe Premiere Pro CS6中文版经典教程》——1.3 扩展工作流
查看>>
Eric Schmidt 作证说使用 API 无需授权
查看>>
Spark 和 Hadoop 是朋友不是敌人
查看>>
《树莓派Python编程入门与实战》——3.2 检查你的Python环境
查看>>
《量化金融R语言高级教程》一第2章 因素模型
查看>>
物联网设备安全1.4 改变灯泡状态
查看>>
物联网设备安全1.1 选用色调照明设备的原因
查看>>
《Access 2007开发指南(修订版)》一一1.6 对象命名约定
查看>>
Linux 面试基础问题 - 3
查看>>
《HTML5和JavaScript Web应用开发》——1.4 结语
查看>>
《HTML5和JavaScript Web应用开发》——1.2 在客户端放置更多代码
查看>>
《Spring 3.0就这么简单》——1.3 环境准备
查看>>
移动App性能测评与优化第2章
查看>>