html编写表格代码表格宽度,如何增加HTML表格中列的宽度？

港控/mmm° 2022-10-06 12:45 190阅读 0赞

如何增加HTML表格中列的宽度？如何增加HTML表格中列的宽度？

以下是我的代码。我试图让每行中的第二个

标签展开，以便在输入文本框(第一个标签)和该cookie的名称及其价格(第三个标签)之间存在更多空间。有任何想法吗？

<table> 
 <tbody> 
  <tr> 
   <th colspan="3" align="left">Order Information</th> 
  </tr> 
  <tr> 
   <td>QTY</td> 
   <td colspan="15"></td> 
   <td>Subtotal</td> 
   <td colspan="90"> Gift wrapping? (Additional charge of 1.95 per box)</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td colspan="4"></td> 
   <td colspan="11" align="left">Chocolate Nut - $10.99</td> 
   <td></td> 
   <td colspan="40">If yes, note the text for the gift card:</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td colspan="4"></td> 
   <td colspan="11" align="left">Chocolate Chip - $9.99</td> 
   <td></td> 
   <td colspan="5"></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td colspan="4"></td> 
   <td colspan="11" align="left">Macadamia Nut - $12.99</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td colspan="4"></td> 
   <td colspan="11" align="left">Oatmeal Raisin - $10.99</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td colspan="4"></td> 
   <td colspan="11" align="left">Chocolate Dessert - $10.99</td> 
   <td></td> 
   <td>Shipping:</td> 
   <td colspan="30"></td> 
   <td colspan="150">$5.95 for 1-5 boxes, $10.95 for five or more boxes</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td colspan="4"></td> 
   <td colspan="11" align="left">Butter - $7.99</td> 
   <td></td> 
   <td>Total:</td> 
   <td colspan="30"></td> 
   <td colspan="1"></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td colspan="4"></td> 
   <td colspan="11" align="left">Subtotal</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

2010-02-16

Ashley

\+2

我认为colspan可以让你告诉td占用下一个td单元格，并且不影响实际的像素宽度......你的表格中有90列还是40列？ –

2010-02-17 00:00:35

\+0

正如@Jared所暗示的那样，“colspan”是列数，而不是像素宽度。那里有个'colspan = 180'！哎哟! –

2010-02-17 00:09:13

\+0

正如其他人指出的，您正在使用colspan标签。把它们拿出来，从那里开始。 –

2010-02-17 00:11:20