Question

我需要我的html5标题跨越列。所以桌子应该在最右边结束，垂直线出现在桌子的右端。

任何帮助将不胜感激！

这是jsfiddle，HTML / CSS如下： -

        <head>
            <style type="text/css">
            body{
                font: normal medium/1.4 sans-serif;
            }

            table{
                border-collapse: collapse;
                width:40%;
            }

            th,td{
                padding:0.25rem;
                text-align: left;
                border: 2px solid #ccc;
            }

            tbody tr:nth-child(odd){
                background: #eee;
            }
            </style>
        </head>

            <body>
                <table>
                    <thead><th>Purchaser's Information</th></thead>
                    <tbody>
                        <tr>
                            <td>Purchaser's Name : <?php //echo $purchaserName; ?></td> 
                        </tr>
                        <tr>
                            <td>Purchaser's Address : <?php// echo $purchaserAddress; ?></td>
                        </tr>

                        <tr>
                            <td>City/Town : <?php //echo $purchaserCity; ?> </td>
                            <td>Province : <?php //echo $purchaserProvince; ?></td>
                        </tr>

                        <tr>
                            <td>Postal Code : <?php// echo $purchaserPostalCode; ?></td>
                            <td>Home Tel No : <?php// echo $purchaserHomePhone; ?></td>
                        </tr>

                        <tr>
                            <td>Business Tel : <?php// echo $purchaserBTel; ?></td>
                            <td>Email : <?php// echo $purchaserEmail; ?></td>
                        </tr>
                        <tr>
                            <td>Driver License : <?php// echo $purchaserLicense; ?></td>
                            <td>Expiry Date : <?php// echo $purchaserExpiry; ?></td>
                        </tr>

                    </tbody>


                </table>

            </body>

Answer 1

如果您知道表格的最大列数，则可以使用colspan： <th colspan=2>

Answer 2

你可以使用colspan =＆＃34; n＆＃34;属于你或td元素

<th colspan="3">
<td colspan="3">

如何跨越表格的标题跨越HTML5中的列

2 个答案: