背景 设计：我想要的你听明白了吗，你做出来的和我想要的差距很大，你怎么没有一点审美（你个臭男人，你怎么不按我画的做）！ 我：啊？这样自适应不是很好吗，适配了大部分机型呀，而且不会有啥显示的兼容性，避免

通常一个完整的页面可包含多屏内容，因此我们常需要通过滚动页面来阅读网页上的内容。页面上有一些可点击的链接或按钮，点击后调转到页面指定的位置，今天介绍几种实现方式。

offsetX/offsetY、pageX/pageY以及clientX/clientY 先看看MDN官网对这几个属性的定义 简单整理了一下可以这样理解 offsetX/offsetY：返回的是点击时

刚参加工作时被面试官一连串居中问题虐的体无完肤得场景历历在目。“你是如何实现文本的居中的”“如果是多行文本呢”“块级元素的水平居中如何实现”“块级元素的垂直居中如何实现”。。。问到后面脑子里一团浆糊，本来知道的也不知道该如何回答了。居中是日常工作中不可避免要遇到的场景，面试中也…

引言 图标文字对齐在平时的工作中是最常见的了，最早学习时候一般都是用vertical-align，但是由于inline-block元素在和文字对齐时候的一些很麻烦的表现，大家应该都经历过那种行框高度高

这样代码就干净，易读，易于理解了。 你不需要分别添加 line-height 到每个 p,h 标记等。只要添加到 body 即可： 这样文本元素就可以很容易地从 body 继承。 这样文本元素就可以很容易地从 body 继承。 看，是不是很简单。注意：在 IE11 中要小心 f…

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第5天，点击查看活动详情 近期的生活是在是有点太美好了的，让我都觉得像是在做梦，哈哈哈哈哈，幸福的生活，莫过于此，你说是吧，莎老板

1. flex 布局实现 （元素已知宽度） 2. position （元素已知宽度） 3. position transform （元素未知宽度） 4. position（元素已知宽度）（left，right，top，bottom为0，maigin：auto ） 5. tabl…

css 分隔竖线 css 分隔竖线 css 分隔竖线 css 分隔竖线 css 分隔竖线 css 分隔竖线