Question

在网站http://www.domestika.org/foros中，表格的右侧边框比每行中每个单元格的单元格高度短。试图使用检查元素，但只是无法弄清楚。 Div内有Div吗？

Answer 1

在DIV（或TD）中使用DIV是正确的方法。根据您想要的视觉效果定位和调整内部DIV的大小。

Answer 2

它在带有填充的td中使用div。

您可以在Firefox上使用Firebug，在IE或Chrome（F12）中使用Webdeveloper工具查看。

会是这样的：

<强> CSS：

.pad{
    padding: 10px;
}
.border {
    border-left: solid 1px #999;
}

<强> HTML：

<td class="pad">
    <div>content here</div>
</td>
<td class="pad">
    <div class="border">content here</div>
</td>

Answer 3

知道了：

<table cellpadding="15" align="center">
<tr>

<td class = "tdone"> <div class="cellpadding"> <%= registry.type %>                       
</td>
<td class = "tdone"> <div class="cellpadding"> <%= registry.quantity %>                
</td>
<td class = "tdone"> <div class="cellpadding"> <%= registry.color %>                 
</td>
<td class = "tdtwo"> <%= registry.brand %>                                             
</td>
</tr>

.tdone { 
 width:130px;
 border-bottom: 0.1em dashed #CDCDCD;
 text-align: center;
  }

.tdtwo { 
 width:130px;
 border-right: none;
 overflow:hidden;
 border-bottom: 0.1em dashed #CDCDCD;
 text-align: center;
  }

.cellpadding {
 padding: 20px;
 border-right: 0.1em solid #CDCDCD;
  }

如何使用CSS使我的表右手边框短于单元格高度？

3 个答案: