css - 关于表格实现的问题

问题描述

问 题

直接用表格能实现右边的效果？如果可以结构是怎么样的？表格很少写，希望有人指点下

解决方案

<table>
    <thead>
        <tr>
            <th rowspan="2">人物/組織名稱</th>
            <th rowspan="2">責任方式</th>
            <th colspan="6">人物信息</th>
        </tr>
        <tr>
            <th>民族</th>
            <th>籍貫</th>
            <th>性別</th>
            <th>年齡</th>
            <th>文化程度</th>
            <th>職業/職稱</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>趙世傑</td>
            <td>翻譯者</td>
            <td>漢族</td>
            <td>河北</td>
            <td>男</td>
            <td>81</td>
            <td>不識字</td>
            <td>民間戲曲藝人</td>
        </tr>
    </tbody>
</table>

實現

jsFiddle

这篇关于css - 关于表格实现的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！