All Posts

flex row布局中，当有多个子元素存在的时候，如果有子元素内文本过长，会导致文本溢出父元素边界，影响页面美观。可以使用tailwindcss中turncate属性实现隐藏溢出文本的效果。（亲测有效）

一个简单的Demo，用于演示使用tailwindcss4.x+nextjs 15 优雅的实现主题的暗黑模式，依赖的库有next-theme、lucide-react

CSS3 引入了许多新的语法关键字和特性，用于增强样式表的灵活性和功能性。以下是对 CSS3 常用语法关键字的总结，包括用法、示例和说明，涵盖如 `&`、`@` 规则、`var`、`media`、`import`、`&:where` 等常见写法，力求全面且简洁。对于 CSS3 的所有关键字，我会列出主要类别和常见用法，并提供实际代码示例。由于 CSS3 语法庞大，我会重点总结常用部分，并确保内容清晰易懂。

多人协作的项目使用tailwindcss作为样式库的时候，为了保证tailwindcss格式统一美观，使用第三方插件Prettier。以下是VSCode中配置Prettier插件，格式化tailwindcss的方式。

Tailwind CSS v4.x 专为 Safari 16.4+、Chrome 111+ 和 Firefox 128+ 设计。 如果需要支持较旧的浏览器，应坚持使用 v3.4，直到您的浏览器支持要求发生变化，再升级。项目没有进行重大更改，仅有一些必要更新。这里介绍将项目从 v3 升级到 v4 所需的所有步骤。