CELLPADDING在一个HTML表格单元格
-
18-09-2019 - |
题
是否有可能具有细胞填充只在一个小区与整个HTML表?
解决方案
只需样式化使用CSS细胞:
<table border='1'>
<tr>
<td style="padding: 50px;">cell1</td>
</tr>
<tr>
<td>cell2</td>
</tr>
</table>
其他提示
有关在造型的电子邮件,如果你想在邮件必须跨越的电子邮件程序,尤其是展望一致,所以有时很难实现与CSS填充使用。 如果你不想使用CSS,一个解决方法是将一个全新的表中的一行和要应用填充到小区一个小区。然后填充适用于“一个单细胞”表
在问题中,这将成为给出的示例:
<table border='1'>
<tr>
<td>
<table cellpadding="50">
<tr>
<td>cell1</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>cell2</td>
</tr>
</table>
不幸的是没有,如果你指的是使用<table cellpadding="0">
,因为这是一个表范围的设置。如果你想填充被应用到只有一个细胞,你必须添加一个类并为其分配一个padding
值的方式。
您可以试试这个CSS。
<强>使用表格强>
<强> HTML 强>
<div class="divTable">
<div class="divTableBody">
<div class="divTableRow">
<div class="divTableCell">1</div>
<div class="divTableCell splcell">2</div>
<div class="divTableCell">3</div>
</div>
<div class="divTableRow">
<div class="divTableCell">4;</div>
<div class="divTableCell">5</div>
<div class="divTableCell">6;</div>
</div>
</div>
</div>
<强> CSS 强>
.divTable{
display: table;
width: 100%;
}
.divTableRow {
display: table-row;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
}
.divTableCell, .divTableHead {
border: 1px solid #999999;
display: table-cell;
padding: 3px 10px;
}
.divTableHeading {
background-color: #EEE;
display: table-header-group;
font-weight: bold;
}
.divTableFoot {
background-color: #EEE;
display: table-footer-group;
font-weight: bold;
}
.divTableBody {
display: table-row-group;
}
.splcell{
background:red;
color:#fff;
font-weight:bold;
text-align:center;
padding: 5px;
}
使用类“splcell”我们可以风格单个电池。
.splcell{
background:red;
color:#fff;
font-weight:bold;
text-align:center;
}
不隶属于 StackOverflow