浏览器文字类型元素排版中，存在用于对齐的基线 ，一般情况下，默认是基线对齐，这就会产生一些元素对不齐、有缝隙之类的问题，面对这些问题，我们可以用垂直对齐方式来解决

前言 写了这么久的文章，大家有没有注意掘金首页的三栏布局咋实现呢？接下来小编给大家分享五种方法来实现三栏布局。 正文 三栏布局实现主体内容优先加载,左右固定宽度，中间自适应。 圣杯布局 设置一个pag

结合自己多年的 web 开发经验，加上最近集中看的几本 CSS 的书籍、一些高阅读量的文章、W3C 的规范和 MDN 的教程，整理了这份应对简单面试的 CSS 基础指南。一文领进门，专精靠个人。

面试中要是被问到css相关的问题基本上就是白给了，都是些基础知识，赶在金三银四之前，我们来复习下关于css的面试题 这里总结了16个近年来关于css面试热点问题，文章有点长，建议收藏下来慢慢消化 一、

网页开发中，我们经常要计算各种距离。 比如 OnBoarding 组件，我们要拿到每一步的高亮元素的位置、宽高： 比如 Popover 组件，需要拿到每个元素的位置，然后确定浮层位置： 比如滚动到页面

标准流、浮动、定位都是常见的网页布局形式。 标准流布局方式中，块级元素独占一行，就是垂直布局；浮动可以让原本垂直布局的块级元素，变成水平布局；定位可以让元素自由的摆放位置，可以放在网页的任意位置

弹性布局的主要思想是让容器有能力改变其项目的`宽度/高度（和顺序）`，以更好地填充可用空间（主要是为了适应各种显示设备和屏幕尺寸）。

前言 「看过很多博客文章，对flex布局都没有真正的理解」随着浏览器兼容性的发展，flex布局几乎成为我们日常布局工作的主要工具。搞懂flex布局，以及其每个属性的含义尤为重要，拿我自己举例，看过很多

一、flex弹性的概念： 弹性盒子是一种用于按行或按列布局元素的一维布局方法，元素可以膨胀以填充额外的空间，收缩以适应更小的空间，适用于任何元素上，如果一个元素使用了flex弹性布局（以下都会简称为：