我目前正在尝试 tailwindcss 和 Vite,最近有些事情非常烦人,还找不到解决方案。
看起来顺风会自动将内容居中,因此我在使用弹性组件方面遇到了困难。
这是我正在使用的代码片段,非常简单,但您可以看到内容从默认位置居中,并且还无法更改该行为 D:
export const Home = () => {
return (
<div>
Wow
</div>
);
};
这就是它的样子
如果我尝试使用弹性组件的组合,它看起来像这样:
Tailwind-css
不会将元素居中于 default
。
我怀疑正在观察到这一点,因为
Home()
组件的父级具有中心的 flex 属性,因此 Home()
组件的 div 占据屏幕的中心
或者
也许
Vite
在样板中,检查样板一次,因为 Vite
样板通常以 div
元素为中心
Tailwind
不会自动居中内容,但它可能来自 style.css
文件中 vite 的默认样式。请务必检查
style.css
文件中的样板样式。