1

1 つのセルの上枠を拡大するにはどうすればよいですか? そのセルに大きな幅を設定しようとしました。しかし、うまくいきません。

クラスとして持っている上枠セルを拡大しようとしていtags_footerます。実際、境界線の幅を次の幅に等しくしようとしていますtags_forums + tags_description + tags_msgs

これがコードフィドルです： http://jsfiddle.net/pyXBk/

HTML :

<table>
    <tr>
        <td class="tags_forums">Forums</td>
        <td class="tags_description">Description</td>
        <td class="tags_msgs">msgs</td>
    </tr>
    <tr class="tags_body">
        <td>ABC</td>
        <td> DFG</td>
    </tr>
    <tr>
        <td class="tags_footer">Last msg</td>
    </tr>
</table>

CSS :

.tags_forums {
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.tags_description {
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
}

.tags_msgs {
    border-bottom: 1px solid gray;
}

.tags_footer{
    border-top: 1px solid gray;
}

前もって感謝します。

4

1 に答える 1

1

問題は CSS ではなく HTML にあります。

<td colspan="3" class="tags_footer">Last msg</td>

このテーブル セルは 3 つの列にまたがる必要があり、それで十分です。colspan属性は必要なものです。

http://jsfiddle.net/audetwebdesign/pyXBk/2/でデモを参照してください。

于 2013-09-10T21:57:49.867 に答える