2017年8月21日

摘要: 单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 优点:兼容性 阅读全文
posted @ 2017-08-21 12:38 sayaa 阅读(8915) 评论(0) 推荐(0) 编辑
 
摘要: 目前为止,我所熟知的左中右三栏宽度自适应于浏览器的方法有三个:绝对定位法,margin负值法以及自身浮动法。这些方法简洁实用,且无兼容性问题。 一、绝对定位法:左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。 首先需要三个div,将 阅读全文
posted @ 2017-08-21 11:28 sayaa 阅读(1011) 评论(0) 推荐(1) 编辑
 
摘要: 网页布局常用样式属性 一、 Position Position有以下几个值:static,relative,absolute,fixed。 Static:静态定位。如果你没有设置position属性,那么缺省就是static。top,left,bottom,right等属性,在static的情况下是 阅读全文
posted @ 2017-08-21 09:01 sayaa 阅读(728) 评论(0) 推荐(0) 编辑
 
摘要: 为什么会产生间隙? 由于编写代码时的美观和可读性,在代码中添加回车或空格而产生的间隙。 html代码: 方法一: 调整html代码,缺点降低了可读性,如下 或者 方法二: 去掉闭合标签: 方法三: font-size:0 方法四: margin设为负值,*注:margin的值通常为font-size 阅读全文
posted @ 2017-08-21 08:58 sayaa 阅读(439) 评论(0) 推荐(0) 编辑