大家好，我是山月，最近我很多公众号粉丝都在准备秋招的面试，前来咨询山月的同学更是络绎不绝。经常有一个问题是：我如何进行编程题目的练习？山月再次总结一份关于手写代码的练习路线。以下所有的手写代码都贴在 我的Codepen 中，感兴趣的同学可在 codepen 中关注下我。准备工作API作为一个工作过三年以上的老前端而言...

01 如何实现一个元素的水平垂直居中<blockquote> 更多描述: 要求对行内元素、块状元素及不定宽高的块状元素均可适用：可打开 codepen 进行调试: [链接]，以下是布局代码 {代码...} {代码...} </blockquote>在 Issue 或者我的网站中交流与讨论: 01 如何实现一个元素的水平垂直居中提供一些现代浏览器下使用 f...

前端爱好者周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等。每周一发布，订阅平台如下，欢迎订阅。

前端爱好者周刊 (Github: shfshanyue/weekly)，每周记录关于前端的开源工具、优秀文章、重大库版本发布记录等等，周刊中优秀文章会在公众号全栈成长之路逐一推送。每周一发布，订阅平台如下，欢迎订阅。

CSS 栅格布局 (亦称 "Grid")，是一个基于栅格的二维布局系统，旨在彻底改变基于网格用户界面的设计。CSS 一直以来并没有把布局做的足够好。刚开始，我们使用 tables，后来是 floats，positioning 和 inline-block，这些本质上是一些 hacks 而且许多重要功能尚未解决（例如垂直居中）。Flexbox 可以做到这些，但是它主要...

Question 以下三个div将会会如何放置(margin collapsing)？ {代码...} 同一个BFC中，相邻的块状元素都是垂直放置吗？ 如何清除浮动？根据什么原理？ 如何对左侧栏200px，主内容自适应进行布局？ 如何使用margin完成圣杯布局（左侧x px，右侧y px，中间自适应），用flex呢？ Answer 以下三个div将会会如何放置？ 在同一个...