html - 在虚线上准确对齐表格单元格的问题

Question

我用虚线分隔表格的两行，如下所示。

<table cellspacing="0">
    <tr>
        <td>Issue</td>                               
        <td>Date</td>
    </tr>  
    <td style="border-bottom: 1px dotted red;padding-top:2px;width:800px;"></td>
    <tr>
        <td>Theres is a issue with the code</td>
        <td>09-28-2012</td></tr>
</table>

这是提琴手版本。我想将该日期在线对齐而不是最后。我怎样才能做到这一点。

Answer 1

添加colspan = "2"到td有虚线的那个。colspan并rowspan分别定义单元格跨越的列数或行数。

这是您演示的修改版本：little link。

Answer 2

<table cellspacing="0">
 <tr>
    <td>Issue</td>                               
    <td >Date</td>
 </tr>  
 <tr>
   <td class="td"></td>
   <td class="td"></td>
 <tr>    
 <tr>
    <td>Theres is a issue with the code</td>
    <td>09-28-2012</td>
 </tr>
</table>​

CSS：

.td{
   border-bottom: 1px dotted red;width:800px;padding-top:2px;
   }

演示

Answer 3

请试试这个：

 <table cellspacing="0">
        <tr>
            <td>Issue</td>                               
            <td>Date</td>
        </tr>  
        <tr style="border-bottom: 1px dotted red;padding-top:2px;width:800px;"><td></td><td ></td></tr>
        <tr>
            <td>Theres is a issue with the code</td>
            <td>09-28-2012</td></tr>
    </table>