摘要：background-position百分比不是根据容器的宽度来决定的，而是根据容器宽/高和**背景图片宽/高(background-size)**的差值来决定的: 水平像素 = (容器宽度-背景图片宽度)*水平百分比 垂直像素 = (容器高度-背景图片高度)*垂直百分比 详情见：https://z 阅读全文

摘要：1、text-align 控制文本的对齐方式 2、text-indent 控制文本首行的缩进，px或%都可； 3、white-space 文档中的空白处 属性值: noraml: 默认忽略多个空格,只输出一个空格 . nowrap: 强制不换行 pre:空格/缩进/换行 会给保留 pre-line: 阅读全文

摘要：display: none; DOM 结构：浏览器不会渲染 display 属性为 none 的元素，不占据空间； 事件监听：无法进行 DOM 事件监听； 性能：动态改变此属性时会引起重排，性能较差； 继承：不会被子元素继承，毕竟子类也不会被渲染； transition：transition 不支持 阅读全文

摘要：div水平垂直居中的方法 **方法一:**绝对定位方法1 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%) 不兼容ie8及以下 代码 .box1 { position: relative; } .child1 { width:80%; 阅读全文