摘要: 一、水平居中 1、方法一 将图片设置: Display:block; Margin:0 auto; eg: 2、方法二 使用绝对定位: eg: 为什么使用了定位,图片并没有水平居中? 居中的本质是图片的中线与父元素的中线重合,然而简单的使用left:50%,是“图片的左线”与“父元素的中线”进行重合 阅读全文
posted @ 2017-08-04 21:55 微光流萤 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 2D变换方法translate()、scale()、rotate()、skew()与matrix()的关系举例介绍。 一、介绍 2D变换方法: translate():根据左(X轴)和顶部(Y轴)位置给定的参数,从当前元素位置移动。 rotate():在一个给定度数顺时针旋转元素。负值是允许的,这样 阅读全文
posted @ 2017-07-30 16:00 微光流萤 阅读(3143) 评论(0) 推荐(0) 编辑
摘要: margin属性用来使用设置外边距,大多数情况使用正值,但是一些稍复杂的定位就会使用到负值,所以对margin属性的正负值理解是有必要的,本文同时解释了margin-right和margin-bottom没有效果的原因以及解决方法。 1、“margin-left”属性 margin-left属性设置 阅读全文
posted @ 2017-07-24 13:47 微光流萤 阅读(618) 评论(0) 推荐(0) 编辑