增加保證金錶頭

在this page我想補充的「之前」和「之後表格標題背景之間的白色間隙，即對齊在每列增加保證金錶頭

enter image description here

照片之間的差距

我試過設置的width，max-width和margin-right性質的標題爲「前」，也嘗試設置「後，」標題margin-left，但這些都不似乎工作。

謝謝，唐

2011-02-04 Dónal

最簡單的方法是使用colgroup並將邊框設置爲邊距。

<table> 
    <colgroup /> 
    <colgroup style="border-left:5px solid #fff;" />

參見：http://jsfiddle.net/gwYaQ/

表是最簡單的，我承認，但它不是真正的表格數據是它。你濫用佈局表= P

信息關於COLGROUP：http://www.w3schools.com/tags/tag_colgroup.asp

來源

2011-02-04 12:39:54 BGerrissen

我認爲這是一個「濫用表格佈局」的臨界案例。我的意思是，在語義上，我認爲我的元素真的是行，標題真的是表標題等。僅僅因爲它不是一個數字列表並不意味着它不是一個表:) – 2011-02-04 12:58:40

有一個相當骯髒的方式，但這項工作：

<tr> 
    <th>Before</th> 
    <th style="width: 10px; background: none;">&nbsp;</th> 
    <th>After</th> 
</tr> 
<tr> 
    <td>IMG1</td> 
    <td>&nbps;</td> 
    <td>IMG2</td> 
</tr>

來源

2011-02-04 12:46:55 aorcsik

我不認爲你可以實現簡單地改變你的CSS。

照片之間的白色差距是由於表格單元格的填充權（10px），所以它是在單元格的「內部」。

標題中的漸變是標題單元的背景，它們之間的空白必須是「外側」。

在解決這個問題的方法是在兩列之間添加一個10px寬的列。另一個是使用colgroup。

但BGerrissen是正確的：你不應該使用它。

來源

2011-02-04 12:59:19 LapinLove404

增加保證金錶頭

回答

相關問題