缩进表格边框

我目前正在开启一个普通的HTML表所示：缩进表格边框

original

成和缩进版本如下：

enter image description here

即使我不能在html中设置此项有人可能知道我可以隐藏边框的起始部分以匹配文本开头的方式。

2012-09-09 Bruno

我敢肯定，有几种不好的方法可以做到这一点。你只需要有创意。

下面是一个例子要做到这一点，有一些班，空表格单元格和colspans： http://jsfiddle.net/ESFuC/

2012-09-09 10:31:22

最后我最终使用了这个解决方案。我喜欢这样一个事实，即如果文本不适合缩进单元格，此选项将自动调整单元格的大小。此外，边界完美地排列。 – Bruno

视觉上很好，没有那么多的可访问性。屏幕阅读器将使用空表格单元格和行/列计数排除视觉受损用户。 –

您可以通过播放约与表格单元格，并采取的display:inline-block;优势实现这个还有其他的方式来实现这但这应该适用于大多数浏览器。

2012-09-09 10:40:14

也许与div的细胞内这样;

我彩色的底线红色的，似乎除了一个在底部精细。也许你可以修改以适应你的需求。

2012-09-09 10:56:35 Murat

有点不好意思，但似乎做的工作！ –

是的，也许使用标签而不是divs会更适合SEO。并检查此[链接]（http://jsfiddle.net/UdF98/1/）出来，为什么不使用不同的颜色不同的缩进：D – Murat

回答