表格内的html间距

Question

如何增加此表“行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>

Answer 1

您可以使用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>

Answer 2

您可以将一个类添加到该特定的单元格，然后使用该类名称来应用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 。

Answer 3

阐述“空间”？ 您可以在td中添加填充，如果那是“空格”的意思

table td { padding:5px; }

如果您只想让该单元格更大，请添加一个calss

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

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

还是你的意思是

<td>第1行，单元格</td>

您可以像这样增加单词之间的间距：

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

表格内的html间距

问题描述

3 个解决方案

解决方案1
6 已采纳 2010-10-06 09:48:42

解决方案2
1 2010-10-06 09:46:14

解决方案3
0 2010-10-06 09:45:35

表格内的html间距

问题描述

3 个解决方案

解决方案1 6 已采纳 2010-10-06 09:48:42

解决方案2 1 2010-10-06 09:46:14

解决方案3 0 2010-10-06 09:45:35

解决方案1
6 已采纳 2010-10-06 09:48:42

解决方案2
1 2010-10-06 09:46:14

解决方案3
0 2010-10-06 09:45:35