Tailwindcss更改内联元素的垂直对齐方式

pw9qyyiw  于 2022-12-01  发布在  其他
关注(0)|答案(1)|浏览(192)

我用tailwindcss和antd来开发我的网站。
以下两个代码沙箱显示了带有和不带有tailwindcss的相同antd组件

您可以看到,在第一个沙箱中,箭头和文本是垂直对齐的,而在第二个沙箱中,它们不是。第二个沙箱中唯一的变化是我包括了tailwindcss。
然而在chrome的检查器中,两个箭头元素都有相同的css,除了制表符大小(我不认为这会影响垂直对齐)。
| 垂直对齐|未垂直对齐|
| - -|- -|
|

|

|
|

|

|
有人知道为什么tailwindcss会改变箭头的垂直对齐方式以及如何修复吗?我希望箭头和文本元素垂直对齐。

gr8qqesn

gr8qqesn1#

您可以通过在tailwind.config.js中添加此文件来解决此问题

corePlugins: {
    preflight: false,
  },

相关问题