Tailwindcss

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

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

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