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を使用したくない場合は、この問題を回避するには、1行あなたにパディングを適用するセル内の1つのセルに全く新しいテーブルを置くことです。そして、その「1つの単細胞」テーブルにパディングを適用します。
問題に与えられた例では、これはなるます:
<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
値をそのようにクラスを追加し、それを割り当てる必要があります。
ます。
テーブルを本部長
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