CSS
金州饿霸
这个作者很懒,什么都没留下…
展开
-
CSS实现完美垂直居中
之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS 中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table 布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。首先,要有一个概念:凡是 table 布局可以实现的,CSS 一定可以实现。CSS 可...原创 2018-06-04 20:42:07 · 125 阅读 · 0 评论 -
CSS3原生实现淡入淡出效果
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,原创 2018-06-04 20:24:53 · 9522 阅读 · 0 评论 -
BFC
在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Context(一个决定如何渲染文档的容器...转载 2018-08-04 18:27:38 · 109 阅读 · 0 评论 -
a标签点击不起作用的解决方案
.将外层a标签改为行内块级元素即display:inline-block;设置height/width并设置为绝对定位将其放在里层a标签的位置,通过调整里层a标签及外层a的z-index大小,使得鼠标能正确选中a标签;由于产品要求兼容到IE8,所以公司目前使用的是这种方案:这样通过改变外层a标签的display并调整position及z-index也可以达到a标签嵌套的效果,注意这...原创 2018-09-09 16:01:35 · 18166 阅读 · 4 评论