表格內部的html間距

我該如何增加表格「第一行，單元格1」的空間？表格內部的html間距

<html> 
<table border="1"> 
<tr> 
<td>Row 1, cell 1</td> 
<td>Row 1, cell 2</td> 
</tr> 
</table> 
</html>

請查看這裏的形象： http://img227.imageshack.us/img227/6166/htmln.png

這是正確的：

<table border="1" td.my-cell { padding:100px; }> 
<tr> 
<td class="my-cell">Row 1, cell 1</td> 
<td>Row 1, cell 2</td> 
</tr> 
</table>

來源

2010-10-06 tintincutes

你是什麼意思「增加空間」？你想讓第一個表格單元變寬嗎？ – 2010-10-06 09:46:08

是的。對不起，不清楚 – tintincutes 2010-10-06 09:46:32

您可以使用cellpadding或使用CSS

.cellpadding { 
    padding-left: 5px; 
    padding-right: 5px; 
} 

<td class="cellpadding">Row 1, cell 1</td>

編輯你編輯的職位是錯誤的....你這一點：

<table border="1"> 
    <tr> 
     <td style="padding-left: 5px; padding-right: 5px;">Row 1, cell 1</td> 
     <td>Row 1, cell 2</td> 
    </tr> 
</table>

來源

2010-10-06 09:48:42

這不起作用... :-( – tintincutes 2010-10-06 10:05:52

什麼不行？cellpadding或我放的例子？ – 2010-10-06 12:49:55

你放的例子...請看看我的上面編輯的問題 – tintincutes 2010-10-06 12:59:44

細說「空間」？您可以添加填充到TD，如果你用「空格」的意思，多數民衆贊成

table td { padding:5px; }

，如果你只是想要一個細胞較大，加CALSS

table td.my-cell { padding:5px; }

<td class="my-cell">Row 1, cell 1</td>

還是你的意思是

<td>第1排小區1 </td>

可以增加這樣的單詞之間的空格：

table td { word-spacing: 20px; /* adjust */ }

來源

2010-10-06 09:45:35 Ross

是的細胞更大... – tintincutes 2010-10-06 09:46:15

您可以將類添加到特定的細胞，然後使用這個類-name應用css：

.larger { 
height: 2em; 
width: 4em; 
padding: 2em; 
} 

<!-- rest of table --> 
<td class="larger">Row 1, cell 1</td> 
<!-- rest of table -->

或者你可以使用特定的樣式規則應用於特定的樣式：

tr td:first-child /* selects the first td within a tr */

雖然這將適用於每排第一td。

來源

2010-10-06 09:46:14

表格內部的html間距

回答

相關問題