Cellpadding在一个html表格单元中

Question

是否可以在一个单元格中填充单元格而不是整个html表格？

Answer 1

只是风格使用CSS细胞：

<table border='1'> 
    <tr> 
    <td style="padding: 50px;">cell1</td> 
    </tr> 
    <tr> 
    <td>cell2</td> 
    </tr> 
</table> 

Answer 2

不幸的是没有，如果你指的是使用<table cellpadding="0">，因为这是一个表范围的设置。如果你想填充只应用于一个单元格，那么你必须添加一个类并为其指定一个padding值。

Answer 3

对于造型的电子邮件的使用，所以有时很难，如果你想在邮件必须跨越的电子邮件程序，尤其是展望一致，以实现用CSS填充。 如果您不想使用css，解决方法是在要应用填充的单元格中放置一个具有一行和一个单元格的全新表格。然后将填充应用到“单细胞”表格。

在这个问题给出的例子，这将成为：

<table border='1'> 
<tr> 
    <td> 
    <table cellpadding="50"> 
    <tr> 
    <td>cell1</td> 
    </tr> 
    </table> 
    </td> 
</tr> 
<tr> 
    <td>cell2</td> 
</tr> 
</table> 

Answer 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; 
    }