table 格式问题

Question

我在格式化我正在创建的 table 时遇到了一些困难。我想让我的 <th> 达到 table 和两个 <tr> 的全宽。另外，即使我的第一个 <td> 宽度设置为 200px，它也超过了我的 <th>.

我怎样才能得到..

 <th class="view_topic_th">
    <td>Date</td>
</th>

和我的 table 和 <tr? 一样宽。

Answer 1

这是可以帮助您格式化 table:

的解决方案

<table class="forum_view_topic_table"> 
    <tr calss="view_topic_th">
            <th class="view_topic_th_left" align="right">Date</th> 
            <th class="view_topic_th_right">Count</th> 
        </tr>
    <tr>
        <td width='200' valign='top' align='center' style='border: 1px solid #000000;'>User Info Here!</td>
        <td valign='top' style='border: 1px solid #000000'>
            <div style='min-height: 125px;'>Post 1
                <br />by John Smith
                <hr />Content</div>
        </td>
    </tr>
    <tr>
        <td colspan='2'>
            <hr />
        </td>
    </tr>
    <?php } ?>
</table>

http://jsfiddle.net/bL47ro78/10/

table 格式问题

Issues with table formatting

html

css

html-table