2

我已经使用 bootstrap 有一段时间了,但我不能做这件事(我什至不知道没有 Bootstrap 怎么做)。我想要的是缩进表格或div。我在 Bootstrap 中看到过类似的事情,<li>但没有使用表格。基本上我想要一个表格,<th>其标题是项目名称,下面是项目名称。我需要缩进的原因是因为项目依赖于其他项目;因此,另一个项目下面的项目必须稍微位于其父项目的右侧(这基本上是缩进,对吗?)

4

2 回答 2

3

如果您需要一个小的缩进来建议层次结构,这里有几个选项。它们并非特定于 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>
于 2015-10-30T17:23:36.117 回答
1

这可以使用偏移量来解决吗?当我们不了解情况或标记的外观时,有点难以提供帮助。

offset* 类将为您的元素添加一个 margin-left。也许这会对你有所帮助?

于 2013-02-28T09:14:42.740 回答