一、是什么

我们在页面布局的时候，经常出现以下情况：

• 这个元素高度怎么没了？

• 这两栏布局怎么没法自适应？

• 这两个元素的间距怎么有点奇怪的样子？

学海无涯，不要沉浸在知识的海洋里，迷失自己。

要知道自己想要什么，抓住重点，不忘初心。

这个世界上百分之20的人，掌握着百分之80的财富。

接下来一系列教程，就带领大家抓住重点，一起做那百分之20的人。

往期知识点回顾：

最近Ai火的同时，Ai编辑器Cursor同样火了一把。

今天我们就白漂一下Cursor，使用免费版本搞一个零基础教程

作者：张鑫旭

https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/

前言

小伙伴们是否还记得，之前小编也发布了几篇关于CSS相关文章不妨一起来回顾回顾：

《

原文出处： 张鑫旭欢迎分享原创到伯乐头条

一、关于isolation

isolation是一个CSS3属性，顾名思意是“隔离”，支持的值除了万年不变的inherit外还包括auto和isolate.

继承没什么好说的。auto实际上就是不干事的意思，是元素的默认值。所以，我们只需要关心isolation: isolate

如果觉得我的文章不错，可以关注我，想要看其他的进阶知识可以查看我发布过的文章！

编辑搜图

请点击输入图片描述

BFC（Block formatting contexts）：块级格式上下文 页面上的一个隔离的渲染区域，那么他是如何产生的呢？可以触发BFC的元素有float、position、overflow、display：table-cell/ inline-block/table-caption ；BFC有什么作用呢？比如说实现多栏布局

前言

在前端开发中，我们可以用CSS

在当今快节奏的Web开发世界中，开发者们总是在寻找能够提高效率、减少代码冗余并加快开发速度的工具。今天，我要向您介绍一个名为BRiCSS的创新工具，它可能会彻底改变您处理CSS的方式。

有很多CSS属性，有些人不了解，或者他们了解它们，但是忘记在需要时使用它们。其实，有时候我们用 JavaScript 来实某些交互，CSS 一个属性就能搞定了，这可以大大节约我们编码的时间。

作为前端开发人员，我们经常会遇到这样的事情。所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性？

在本文中，我将介绍一些不一样的CSS属性，希望能给你带来点新鲜感，废话不多说，让我们开始吧。

Flex为"弹性布局"，任何一个容器都可以指定为 Flex 布局。

.box{

display: flex;

}

行内元素也可以使用 Flex 布局。

.box{

display: inline-flex;