我想在我的主题栏中排列成下图所示的列
html - 如何在Thead中安排内容-LMLPHP
这是我的密码

<thead>
        <tr>
            <td style="text-align: center;">SUBJECT</td>
            <td style="text-align: center;" colspan="3">CA<br> T1 T2 T3</td>
            <td style="text-align: center;">CA TOTAL (40)</td>
            <td style="text-align: center;">SIGN</td>
        </tr>
    </thead>

但它是这样显示的,我怎样才能拆分“CA”列
html - 如何在Thead中安排内容-LMLPHP

最佳答案

您需要为thead取两行进行显示。
这是完整的代码

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}
</style>
</head>
<body>
<table style="width:100%">
<thead>
    <tr>
        <td style="text-align: center;" rowspan='2'>SUBJECT</td>
        <td style="text-align: center;" colspan="3">CA</td>
        <td style="text-align: center;"  rowspan='2'>CA TOTAL (40)</td>
        <td style="text-align: center;"  rowspan='2'>SIGN</td>
    </tr>
    <tr>
     <td style="text-align: center;">T1</td>
     <td style="text-align: center;">T2</td>
     <td style="text-align: center;">T3</td>
    </tr>
</thead>
</table>

</body>
</html>

关于html - 如何在Thead中安排内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37699884/

10-13 01:45