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>

这是fiddler version。我想把这个日期对准某个不在最后的地方。我怎么能这样做。

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

DEMO

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>

在虚线上精确对齐表格单元格的问题

3 个答案: