html 表格内的间距

发布于 2024-09-26 11:10:00 字数 601 浏览 8 评论 0原文

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

how can i increase the space in this table "Row 1, cell 1"?

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

pls check here for the image:
http://img227.imageshack.us/img227/6166/htmln.png

is this correct:

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

辞取 2024-10-03 11:10:00

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

You can either use cellpadding or using css

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

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

EDIT Your edited post is wrong....do this:

<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>
泪眸﹌ 2024-10-03 11:10:00

您可以向该特定单元格添加一个类,然后使用该类名来应用 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 每一行。

You can add a class to that specific cell and then use that class-name to apply css:

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

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

Or you could use specific style-rules to apply a particular style:

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

Though this would apply to the first td of every row.

べ映画 2024-10-03 11:10:00

详细阐述“空间”?如果这就是“空格”的意思,您可以向 td 添加填充

table td { padding:5px; 如果您

只是想让该单元格更大,请添加一个 calss

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

第 1 行,单元格 1

还是您的意思是

第 1 行,         cell1

您可以增加单词之间的间距,如下所示:

table td { 字间距:20px; /* 调整 */ }

elaborate on "space"? you can add padding to the td if thats what you mean by "space"

table td { padding:5px; }

if you just want that cell bigger, add a calss

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

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

or do you mean

<td>Row 1,           cell1</td>

you can increase the space between words like this:

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文