0

2 つのテーブルの境界線を揃えようとしています。この小さな例を見てください http://jsfiddle.net/kf82J/2/

Internet Explorer と Chrome では、右の境界線は揃えられませんが、Firefox では機能します。

私の目標は、タイトルの中央に幅を「揃える」線を引くことができるようにすることです。言葉で説明するのは難しいので、jsfiddle を確認してください。

以下同じコード

<table style="width:100%;border-collapse: collapse;">
    <tr style="height: 10px;">
        <td style="width: 1px;">
        </td>
        <td rowspan="2" style="font-size:19pwhite-space:nowrap;x;width:1px;">
            Title &nbsp; &nbsp;
        </td>
        <td style="height:50%;">
        &nbsp;
        </td>
    </tr>
    <tr style="height: 10px;">
        <td>
        </td>
        <td style="height:50%;border-top: 1px solid black; border-right: 1px solid black;">
        &nbsp;
        </td>
    </tr>
</table>
<table  style="width:100%;border-collapse: collapse;border:1px solid black;border-top:none;">
    <tr>
        <td>Content</td>
    </tr>
</table>
4

2 に答える 2

2

テーブルの css から以下の行を削除します

 border-collapse: collapse;

それはフィドルで私のために働いた。

于 2013-09-19T11:09:22.423 に答える