Возможно ли иметь заполнение ячеек только в одной ячейке по сравнению со всей таблицей html?
Cellpadding в одной ячейке таблицы html
Ответ 1
Просто соберите ячейку с помощью CSS:
<table border='1'>
<tr>
<td style="padding: 50px;">cell1</td>
</tr>
<tr>
<td>cell2</td>
</tr>
</table>
Ответ 2
Для использования при стилизации электронной почты иногда бывает сложно добиться заполнения css, если вы хотите, чтобы почта была последовательной в программах электронной почты, особенно в Outlook. Если вы не хотите использовать css, обходным путем является установка целой новой таблицы с одной строкой и одной ячейкой в ячейке, к которой вы хотите применить дополнение. Затем примените прокладку к таблице "одна ячейка".
В примере, указанном в вопросе, это станет следующим:
<table border='1'>
<tr>
<td>
<table cellpadding="50">
<tr>
<td>cell1</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>cell2</td>
</tr>
</table>
Ответ 3
К сожалению, нет, если вы ссылаетесь на использование <table cellpadding="0">
, так как это параметр в таблице. Если вы хотите, чтобы дополнение применялось только к одной ячейке, вам нужно добавить класс и присвоить ему значение padding
таким образом.
Ответ 4
Вы можете попробовать этот css.
Таблица с использованием div
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;
}