面試題:三行三列布局表格有合并且不準(zhǔn)嵌套使用表格

字號(hào):


    有個(gè)面試題,要求:三行三列布局,其中,第一行的第二列和第二行的第二列合并,第三行的第二列和第三列合并,不準(zhǔn)嵌套使用表格
    代碼如下:
    <!doctype html >
    <html lang=ch-cn>
    <head>
    <meta charset=utf-8>
    <title> </title>
    <style>
    html,body{padding:10px;margin: 0px;width:100%;height:100%;overflow: hidden;}
    td{width:100px; height:100px;text-align:center; font-family:arial; border:1px solid #aaa; vertical-align:center;}
    </style>
    </head>
    <body>
    <table border=1 style='border:1px solid #aaa' cellspacing=0 cellpadding=10>
    <tr>
    <td>1</td>
    <td rowspan='2'>2</td>
    <td>3</td>
    </tr>
    <tr>
    <td>4</td>
    <td>5</td>
    </tr>
    <tr>
    <td>6</td>
    <td colspan=2>7</td>
    </tr>
    </table>
    </body>
    </html>