2013-06-18 53 views
1

我在IE9 +和FF/Chrome最新版本上。在html表格列之間放置一個保證金

http://codepen.io/helloworld/pen/wmuGH

我怎樣才能把這個表看起來像一個diagramm所有列之間的距離呢?

我不想在真正的虛擬列之間使用一個空的虛擬列,並將其寬度設置爲假邊距。

我已經打了很多與填充和利潤率,但無論是在頂部的圓角的邊框破損或diagramm列的背景顏色都飄入列之間的新創建的差距......

更新:

行之間不應有空隙。

就像這樣:

enter image description here

+0

你應該把相關代碼的問題,而不是鏈接到它的內部。 – Daanvn

+1

您是否嘗試過cellspacing&cellpadding屬性? – KAsh

+0

@Daanvn相關代碼是相對於解決方案採用不同方法的每個人。 – HelloWorld

回答

5

試試這個:

#responseTable { 
    border-collapse:separate; 
    border-spacing: 4px; 
} 

http://jsfiddle.net/qLumE/

+0

我更新了我的問題設計。只是列之間的餘量NOT行。 – HelloWorld

+0

@HelloWorld - 查看'border-spacing'的規格,它給了你這種靈活性。 – Quentin

+0

嘿酷:http://jsfiddle.net/qLumE/5/感謝它的作品! – HelloWorld