html - 使用 Bootstrap 缩进表

Question

我已经使用 bootstrap 一段时间了，但我做不到这件事(我什至不知道如果没有 Bootstrap 怎么办)。我想要的是缩进表格或 div。我在 Bootstrap 中看到过这样的事情 <li>但没有 table 。基本上我想要一个带有 <th> 的表这是项目名称下方的标题。我需要缩进的原因是因为项目依赖于其他项目；所以另一个项目下面的项目必须略微位于其父项目的右侧(这基本上是缩进的，对吧？)

Answer 1

如果您需要的是一个小的缩进来建议层次结构，这里有几个选项。它们并不特定于 Bootstrap 表。

首先是在每个缩进级别添加几个不间断空格。这有一个优点，即可以通过生成表格内容的任何代码添加空格，而不会影响表格的 html。它有一个缺点，即如果文本在单元格内换行，换行将不会缩进。此外，所有这些不可见的不间断空格都可能导致复制/粘贴意外。

<td>&nbsp;&nbsp;Indented Text</td>
<td>&nbsp;&nbsp;&nbsp;&nbsp;Indented More</td>

如果您的代码发出表格的 html，更好的解决方案是通过增加数量来更改表格单元格的填充。与不间断空格的增量相比，它的优势具有更好的控制，并且换行的文本也是缩进的。此处的缺点是您从代码发出 html，这可能会使调整布局变得更加困难。

<td style="padding-left:20px">Indented Text</td>
<td style="padding-left:40px">Indented More</td>