gpt4 book ai didi

html5 兼容 cellpadding 仅在某些表中不编辑 td 元素

转载 作者:太空宇宙 更新时间:2023-11-04 13:07:03 24 4
gpt4 key购买 nike

可能是我太挑剔了。我想在一些表中放置单元格填充,而不是在其他表中,而不编辑每个 td 元素。我想让它符合 html5,这意味着不使用表格的 cellpadding 属性。但我想要等同于 cellpadding 的东西 - 即我可以逐个表地应用于整个表的属性的东西。

为了让它变得更加复杂,我想要折叠边框,我认为这排除了使用单元格间距属性的可能性。我可以在那里做一些棘手的事情吗?

最佳答案

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
}
.cell-pad th,.cell-pad td{padding:10px}
</style>
</head>

<body>
<p>Table without cellpadding:</p>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

<p>Table with cellpadding:</p>
<table cellpadding="10">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

<p>Table with css:</p>
<table class="cell-pad">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>

</body>
</html>

关于html5 兼容 cellpadding 仅在某些表中不编辑 td 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39593512/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com