Tailwind Css Flexbox Justify-between 没有按预期工作

Question

我正在尝试使用 Tailwind 实现导航，但结果不如预期

<nav class="bg-gray-100">
        <div class="flex flex-row justify-between w-full">
            <div>
                <div>Logo</div>
                <div>Primary Nav</div>
            </div>
            <div>Menu</div>
        </div>
    </nav>

这是结果：

这是我想要的结果：

Answer 1

看来你必须重新生成你的 css。但是，在开发过程中，建议始终使用整个 TailwindCSS 文件。对于生产，您可以清除不必要的 css。方法： npm run dev 或开始 npm run watch.

Tailwind Css Flexbox Justify-between 没有按预期工作

Tailwind Css Flexbox Justify-between doesn't work as expected

tailwind-css