如何在不更改布局的情况下 skip/deal 使用 Tailwind 网格中的空单元格?
How to skip/deal with empty cells in a Tailwind grid without changing the layout?
我想创建一个由 LABELS 和 INPUT 元素组成的输入表单,这些元素与某些部分标题垂直排成一行。
参见:https://play.tailwindcss.com/HAYm53a8UF
如何在不向上移动所有其他元素的情况下删除第 16 行和第 20 行?一旦_被删除,布局就会改变。空单元格的渲染方式似乎有所不同。
解决方案:
- 第 16 行:
<div class="pt-5 h-12"></div>
- 第 20 行:
<div class="pt-3 h-10">_</div>
顺便说一句,它们 不是 'cells in a Tailwind grid' 并且没有以不同方式呈现。包含您的标签和输入的 div 在 flex
内。如果你想称它们为 'grid cell',不要将它们放在 flexbox 中,而是直接将它们作为网格的子元素放置。
我想创建一个由 LABELS 和 INPUT 元素组成的输入表单,这些元素与某些部分标题垂直排成一行。
参见:https://play.tailwindcss.com/HAYm53a8UF
如何在不向上移动所有其他元素的情况下删除第 16 行和第 20 行?一旦_被删除,布局就会改变。空单元格的渲染方式似乎有所不同。
解决方案:
- 第 16 行:
<div class="pt-5 h-12"></div>
- 第 20 行:
<div class="pt-3 h-10">_</div>
顺便说一句,它们 不是 'cells in a Tailwind grid' 并且没有以不同方式呈现。包含您的标签和输入的 div 在 flex
内。如果你想称它们为 'grid cell',不要将它们放在 flexbox 中,而是直接将它们作为网格的子元素放置。