Tailwind Css Flexbox Justify-between 无法按预期工作答案

【问题标题】：Tailwind Css Flexbox Justify-between doesn't work as expectedTailwind Css Flexbox Justify-between 无法按预期工作
【发布时间】：2022-01-17 11:38:21
【问题描述】：

我正在尝试使用 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>

这是结果：

这是我想要的结果：

【问题讨论】：

它的工作原理应该是你预期的结果，如果你想要 Logo 和 Primary Nav 之间的空间，那么 flex 父 div
你好，我想把菜单 div 放到屏幕的末尾。
play.tailwindcss.com/BeXCFpgWTA
@DennyKurniawan 你的代码工作正常。您将整个 tailwindCss 包含到您的应用程序中？如果没有，也许你需要重做你的 CSS。
@MaikLowrey 我再次运行 npm run watch，它成功了，感谢您的帮助。 :)

标签： tailwind-css

【解决方案1】：

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

【讨论】：

是的，就是这样，Laravel 将使用 npm 命令自动重新生成 CSS 文件。