html中的table布局：colspan和rowspan

最新推荐文章于 2024-06-19 10:23:02 发布

whquery_36

最新推荐文章于 2024-06-19 10:23:02 发布

阅读量2.2k

点赞数

文章标签： html 布局 colspan rowspan

本文链接：https://blog.csdn.net/whquery_36/article/details/37930473

版权

一开始不知道，用了之后才知道table是怎么布局的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style> table,td,th {border: 1px solid black;border-style: solid;border-collapse: collapse;font-size:14px;font-family:"仿宋"}</style>
</head>


<body>
<table  width="667"  height="683" border="1">
  <tr>
    <td width="72px" height="40px" align="center">*###</td>
    <td id="MCHT_NAME" width="158px" height="40px"></td>
    <td width="70px" height="40px" align="center">*###</td>
    <td id="MCHT_ID" width="155px" height="40px"></td>
    <td width="73px" height="40px" align="center">*###</td>
    <td id="TERM_ID" width="113px" height="40px"></td>
  </tr>
  <tr>
    <td rowspan="2" align="center">*####</td>
    <td id="BUSINESS_NAME" rowspan="2" ></td>
    <td colspan="4" > *#############： □ 是    □ 否 </td>
  </tr>
  <tr>
    <td colspan="4" > *#####：</td>
  </tr>
  <tr>
    <td height="41" align="center">*####</td>
    <td id="BUSINESS_ADDRESS"></td>
    <td> *###</td>
    <td id="ACCT_NAME"></td>
    <td> *####</td>
    <td id="ACCT_CELL"></td>
  </tr>
  <tr>
    <td rowspan="2" align="center">*####</td>
    <td colspan="3"> *#############： □ 是 □ 否</td>
    <td rowspan="2"> *####</td>
    <td rowspan="2"></td>
  </tr>
  <tr>
    <td colspan="3"> *####：</td>
  </tr>
  <tr>
    <td width="72px" height="110px" rowspan="6" align="center">####</td>
    <td colspan="3" align="center"> ####</td>
    <td colspan="2" align="center"> ####</td>
  </tr>
  <tr>
    <td colspan="3"> #########：   □ ######   □ ####</td>
    <td colspan="2"> □ ####      □ ####</td>
  </tr>
  <tr>
    <td colspan="3"> ####：   □ ####   □ ####</td>
    <td colspan="2"> □ ####      □ ####</td>
  </tr>
  <tr>
    <td colspan="3"> ####： □ #，####   □ #，####   □ #</td>
    <td colspan="2"> □ ####   □ ####</td>
  </tr>
  <tr>
    <td colspan="3"> ####：   □ ##   □ ###   □ ##</td>
    <td colspan="2"> □ ####    □ ####</td>
  </tr>
  <tr>
    <td colspan="5">  □ #####：#### ################################</td>
  </tr>
</table>
</body>
</html>