2

如何增加此表“第 1 行，第 1 单元格”中的空间？

 <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>
4

3 回答 3

6

您可以使用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-06T09:48:42.573 回答
1

您可以向该特定单元格添加一个类，然后使用该类名来应用 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-06T09:46:14.383 回答
0

详细说明“空间”？如果这就是“空格”的意思，您可以向 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-06T09:45:35.577 回答