HTML的 table 设计

一、 table 百分比设置：

二、动态表

     

<div align=center>
<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 align=left
 width="97%" style='width:97.0%;border-collapse:collapse;margin-left:7.5pt;
 margin-right:7.5pt'>
 <tr>
 <td width=214 colspan=2 style='width:107.1pt;border:solid black 1.0pt;
 padding:.75pt .75pt .75pt .75pt;'>
 <p class=MsoNormal align=center style='text-align:center'><span
 style='font-family:宋体;color:black'>特殊物品</span></p>
 </td>

 <td width=804 colspan=14 style='width:401.95pt;border-top:solid black 1.0pt;
 border-left:none;border-bottom:solid black 1.0pt;border-right:solid black 1.0pt;
 padding:.75pt .75pt .75pt .75pt;'>
<table width='100%'>
 <tr>
 <td width=269 colspan=3 style='width:134.65pt;border:solid black 1.0pt;border-top:none;border-bottom:none;
 border-left:none;padding:.75pt .75pt .75pt .75pt;height:31.35pt'>
 <p class=MsoNormal align=center style='text-align:center;vertical-align:middle'><span
 style='font-family:宋体;color:black'>中文名称</span></p>
 </td>
 <td width=244 colspan=5 style='width:121.85pt;border:solid black 1.0pt;border-top:none;border-bottom:none;
 border-left:none;padding:.75pt .75pt .75pt .75pt;height:31.35pt'>
 <p class=MsoNormal align=center style='text-align:center;vertical-align:middle'><span
 style='font-family:宋体;color:black'>英文名称</span></p>
 </td>
 <td width=98 colspan=2 style='width:48.9pt;border:solid black 1.0pt;border-top:none;border-bottom:none;
 border-left:none;padding:.75pt .75pt .75pt .75pt;height:31.35pt'>
 <p class=MsoNormal align=center style='text-align:center;vertical-align:middle'><span
 style='font-family:宋体;color:black'>样品数量</span></p>
 </td>
 <td width=98 colspan=3 style='width:48.95pt;border:solid black 1.0pt;border-top:none;border-bottom:none;
 border-left:none;padding:.75pt .75pt .75pt .75pt;height:31.35pt'>
 <p class=MsoNormal align=center style='text-align:center;vertical-align:middle'><span
 style='font-family:宋体;color:black'>包装单位</span></p>
 </td>
 <td width=95  style='width:47.6pt;border:solid black 1.0pt;border-top:none;border-bottom:none;
 border-left:none; border-right:none;
 padding:.75pt .75pt .75pt .75pt;height:31.35pt'>
 <p class=MsoNormal align=center style='text-align:center;vertical-align:middle'><span
 style='font-family:宋体;color:black'>规格</span></p>
 </td>
 </tr>
          ...
</table>
 </td>
 </tr>

   布局原理：先从上到下，再从左往右。