常用标签-表格

css：

<style>
    table {
        width: 100%;
        /*垂直居中*/
        vertical-align: center;
        text-align: center;
    }
    table tr {
        height: 50px;
    }

    table, th, td {
        border: 1px solid black;
    }

</style>

 

html

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>

    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>

    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>


效果：

 

 

跨列：

 

代码：

<table>
    <tr>
        <td colspan="2">1</td>
        <td>2</td>
<!--        <td>3</td>-->
    </tr>

    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>

    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>

 跨行：

 

 代码：

<table>
    <tr>
        <td rowspan="2">1</td>
        <td>2</td>
        <td>3</td>
    </tr>

    <tr>
<!--        <td>1</td>-->
        <td>2</td>
        <td>3</td>
    </tr>

    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
</table>