带有 tailwindCSS 的全宽按钮组
Full width button group with tailwindCSS
说真的，你如何让 Tailwind CSS 按钮组跨越整个宽度？
对于简单的按钮，您可以使用 btn-block，但是一旦您开始使用按钮组，那将不起作用。
好吧，我正在纠正这个我找到了答案，但仍然继续发布这个，因为我没有在其他地方找到答案....
所以我最终使用了 tailwind 和 classes documented here
<div class="btn-group">
<button class="btn w-1/2 btn-outline btn-primary ">Save</button>
<button class="btn w-1/2 btn-outline ">Cancel</button>
</div>
所以 class w-1/2 给出了 50% 的宽度，我使用这个是因为我的按钮组中只有 2 个按钮，所以你应该根据按钮的数量进行相应的调整.
这种技术的缺点是，如果您想动态添加按钮，它会变得很复杂。放还是可以的。
说真的，你如何让 Tailwind CSS 按钮组跨越整个宽度？
对于简单的按钮，您可以使用 btn-block，但是一旦您开始使用按钮组，那将不起作用。
好吧，我正在纠正这个我找到了答案，但仍然继续发布这个，因为我没有在其他地方找到答案....
所以我最终使用了 tailwind 和 classes documented here
<div class="btn-group">
<button class="btn w-1/2 btn-outline btn-primary ">Save</button>
<button class="btn w-1/2 btn-outline ">Cancel</button>
</div>
所以 class w-1/2 给出了 50% 的宽度，我使用这个是因为我的按钮组中只有 2 个按钮，所以你应该根据按钮的数量进行相应的调整.
这种技术的缺点是，如果您想动态添加按钮，它会变得很复杂。放还是可以的。