表格行上的左右邊距

如何設置表格行的左右邊距（或類似的功能來實現相同的結果）？我嘗試邊界崩潰：分開;邊框間距：20像素;但是刪除了行底部的邊界。表格行上的左右邊距

這是我想創建：

2011-07-13 Awd Er

我不認爲這是可能的表。

這裏是div和跨度。我希望你喜歡它：

<html> 
<head> 
    <style> 
    div#outer { 
    border: 10px solid black; 
    width: 30em; 
    } 
    div#header { 
    background-color: red; 
    color: white; 
    text-align: center; 
    } 
    div.row { 
    border-bottom: 1px dashed red; 
    margin: 10px 20px; 
    clear: both; 
    } 
    span.left { 
    float: left; 
    } 
    span.right { 
    margin-left: 10em; 
    } 
    </style> 
</head> 
<body> 
    <div id="outer"> 
    <div id="header">Some table head text</div> 
    <div class="row"> 
    <span class="left">Col</span> 
    <span class="right">Col</span> 
    </div> 
    <div class="row"> 
    <span class="left">Col</span> 
    <span class="right">Col</span> 
    </div> 
    <div class="row"> 
    <span class="left">Col</span> 
    <span class="right">Col</span> 
    </div> 
    </div> 
</body> 
</html>

來源

2011-07-13 07:27:25

但是，然後底部邊框仍然會一直從左到右。 –

@AwdEr - 這對桌子來說確實很難，因爲trs擴展來填充它們包含的表格的方式也許是不可能的。不過，我把一個使用div和span的獨立頁面放在一起。希望對你有效。 –

謝謝雷！認爲我會去這個解決方案。 –

類添加到表，然後添加填充到左，右。

表類= 「一些表」

。有的表{ 填充左：10px的; padding-right：10px; }

應該工作。

如果不是，則向左側添加一個類，然後將填充附加到左側和右側列。

來源

2011-07-13 07:28:21 ussher

如果我在桌子上有一個填充，標題不會100％寬（看看圖像）。如果我在左右td上設置填充，邊框底部仍然會從左到右一直走下去。 –

怎麼樣，夠接近？ http://junk.hostsaba.com/table.html – ussher

僅供參考，下面是底部邊框上的間距表。 http://junk.hostsaba.com/table2.html – ussher

表格行上的左右邊距

回答

相關問題