縮進表格邊框

我目前正在開啓一個普通的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

回答