我用tailwindcss和antd来开发我的网站。
以下两个代码沙箱显示了带有和不带有tailwindcss的相同antd组件
- https://codesandbox.io/s/antd-collapse-u1diyl
- https://codesandbox.io/s/antd-collapse-with-tailwind-ubl1de
您可以看到,在第一个沙箱中,箭头和文本是垂直对齐的,而在第二个沙箱中,它们不是。第二个沙箱中唯一的变化是我包括了tailwindcss。
然而在chrome的检查器中,两个箭头元素都有相同的css,除了制表符大小(我不认为这会影响垂直对齐)。
| 垂直对齐|未垂直对齐|
| - -|- -|
|
|
|
|
|
|
有人知道为什么tailwindcss会改变箭头的垂直对齐方式以及如何修复吗?我希望箭头和文本元素垂直对齐。
1条答案
按热度按时间gr8qqesn1#
您可以通过在tailwind.config.js中添加此文件来解决此问题