在 Flex 布局中，文字省略常常因为父层默认的 min-width: auto 而失效。只需在包裹文字的 Flex 容器上添加 min-width: 0，即可让内部内容根据空间压缩，是文本缩略生效。

引言 在现代前端开发中，CSS的规模和复杂度不断增长，如何有效地组织和命名CSS类成为了一个重要课题。BEM（Block, Element, Modifier）命名规范因其清晰的结构和可扩展性在前端社

容器的高度需要设置为100vh，发现在ios(safari)浏览器显示的时候，浏览器的底部工具栏总是会挡住底下的一部分。

创新型技术方法来解决，舍弃网络广泛传播的不规范方法来就解决问题。并带你搞清楚问题的前因后果，拓展知识

相信不少同学在做移动端的时候常常会遇到一些大小适配的问题，那么造成这些问题的原因是什么呢？下面我将为大家做一个简单的介绍。 所谓适配，其实概念很简单，就是在任意手机中我们的网页显示都是正常的。

本篇文章围绕了 CSS 的核心知识点和项目中常见的需求来展开。虽然行文偏长，但较基础，适合初级中级前端阅读，阅读的时候请适当跳过已经掌握的部分。 这篇文章断断续续写了比较久，也参考了许多优秀的文章，但或许文章里还是存在不好或不对的地方，请多多指教，可以评论里直接提出来哈。 小t…

下面我将选择进行划分为三大部分，对于基本选择器我就不说了，主要讲下伪类选择器，组合选择器及它们各自的使用场景。 下面讲讲nth-child()括号中的公式，这个算是这个选择器的亮点了。 上面这两我就不说了，相信大家都用烂了。主要说说下面这两个。 好了，在讲完这些选择器之后我们来…