我該如何去做一個HTML表格中的洞？

Table with spaces that I'm trying to get in the middle 我該如何去做一個HTML表格中的洞？

如何在我的表格中獲得空格？我想讓它看起來像上面的圖像，但我希望這些空白空間位於桌子中間而不是側面。

<table style="width:100%" border="1" cellpadding="10"> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> <!-- Added to show the kind of space I want in the table --> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
</table>

我不知道我在做什麼錯在這裏。我查了幾個不同的東西，但沒有一個人似乎告訴我我應該做什麼。

來源

2014-10-26 Onikouzou

你應該深入淺出的講解，指的是什麼，我們可以清楚地看到，你想要什麼。「孔」和「空白」不這樣做。從圖像看來，你似乎只想讓表格的某些單元格缺少邊框。是這樣嗎？究竟哪個單元格應該顯示爲無邊框？ – 2014-10-27 06:44:28

我想嘗試使用CSS來代替父表上的邊框屬性。現在，你在表格中的每個單元格上都設置了一個邊框，並且你要選擇是否要在每個單元格上顯示邊框。

基本上，我想：

<style type="text/css"> 

.borderedTable tr td { 
border: solid 1px black; 
} 

.tableCellWithoutBorder { 
    border-width: 0px; 
} 

</style> 

<table cellpadding="10" class="borderedTable"> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td class="tableCellWithoutBorder">&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td class="tableCellWithoutBorder">&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td class="tableCellWithoutBorder">&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td class="tableCellWithoutBorder">&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     <td class="tableCellWithoutBorder">&nbsp;</td> 
    </tr> 
</table>

來源

2014-10-26 23:32:09

我該如何去做一個HTML表格中的洞？

回答

相關問題