如何防止顺风自动居中内容？

Question

我目前正在尝试 tailwindcss 和 Vite，最近有些事情非常烦人，还找不到解决方案。

看起来顺风会自动将内容居中，因此我在使用弹性组件方面遇到了困难。

这是我正在使用的代码片段，非常简单，但您可以看到内容从默认位置居中，并且还无法更改该行为 D:

export const Home = () => {
  return (
    <div>
      Wow
    </div>
  );
};

这就是它的样子

如果我尝试使用弹性组件的组合，它看起来像这样：

Answer 1

Tailwind-css

不会将元素居中于

default

。

我怀疑正在观察到这一点，因为

Home()

组件的父级具有中心的 flex 属性，因此

Home()

组件的 div 占据屏幕的中心

或者

也许

Vite

在样板中，检查样板一次，因为

Vite

样板通常以

div

元素为中心

Answer 2

Tailwind

不会自动居中内容，但它可能来自 style.css 文件中

vite 的

默认样式。请务必检查

style.css

文件中的样板样式。