介绍 本文专门针对那些喜欢VS Code代码编辑器的人而创作，您是否只是使用VSCode来开发代码呢?他其实并未被充分使用。 代码编辑器内部有一个扩展部分，可以在编码时提供额外的帮助，例如片段（自动完

在前端开发中，我们经常会遇到这样的布局：在一个容器中，排布有两个元素，A元素宽度固定，B元素宽度自适应，如下图： 我们的CSS也能随手捏来 上述代码中，我们使用flex: 1

Flex布局下文本溢出省略号竟然失效了！只需添加一个属性，Flex自适应宽度显示省略号min-width: 0

最近看到了许多关于 :has() 选择器的知识点，在此总结下来。 MDN 对 :has() 选择器 的解释是这样的： 下面一起来感受下 :has() 选择器的强大之处吧。 :has() 选择器选择父元

在Vue里使用`Tailwind CSS`其实会显得很累赘，并不是很好的选择。你认为在Vue里使用`Tailwind CSS`是在书流氓吗？

前言 在开发过程中，我们常常会遇到需要设置一个元素的高度为其祖父祖父元素高度的100%的需求。如果按常规方法： 这代码，优雅与否咱先不说，但凡有点代码洁癖，一定看着很难受吧 这篇博客将演示如何优雅的解

大家好，我卡颂。 从17年诞生至今，社区对TailwindCSS的接受程度不断提升： 一些使用过他的程序员大呼真香，而另一些程序员一听到他宣扬的原子化CSS理念就表示不能接受。 同样是程序员，为什么分

前言 最近公司在招聘，经常会问到应试者一个问题，“flex: 1 是哪些属性的缩写？”，很多同学答的都不是很好，今天我们来理解一下。 flex：1是哪些属性的缩写 flex：1 是 flex-grow

安装 以下方法是Vite + Vue模式下的安装方法，其他脚手架与框架的使用同理。 创建项目 安装必要依赖 Vite创建的项目默认集成了PostCSS，而TailwindCSS本身就是一个PostCS