2024-06-11安装tailwindcss导致某些svg导致不居中的问题，研究了很久才知道，tailwindcss的preflight的css文件默认改变了svg和img等诸多文件的默认配置，需要把配置preflight设置成false，不引用许多默认样式，比如svg会改成block，但是element的svg是inline-block导致不居中，我这边看到项目已经引入了postcss-px2rem-exclude这个插件，然后也引入了rem.js文件了。这个依赖，唉，前任的错误，把依赖删除就可以了。_tailwind rem

https://www.qianduange.cn//article/11892.html 分类：前端知识

2024-05-28tailwind 是一个流行的原子化 css 框架。传统 css 写法是定义 class，然后在 class 内部写样式，而原子化 css 是预定义一些细粒度 class，通过组合 class 的方式完成样式编写。tailwind 用起来很简单：所有预定义的 class 都可以通过配置文件修改值，也可以通过 aaa-[14px] 的方式定义任意值的 class。所有 class 都可以通过 hover:xxx、md:xxx 的方式来添加某个状态下的样式，响应式的样式，相比传统的写法简洁太多了。_tailwind react 教程

https://www.qianduange.cn//article/9860.html 分类：前端知识