Question

有人可以向我解释为什么我的桌子没有按照我期望的方式布置吗？显示电话号码的列应尽可能宽，但带有电子邮件地址的单元格会使带有数字标签的列更宽？

http://jsfiddle.net/NinjaArmadillo/UX3pH/

<table width='100%' border="1">
  <tr>
    <td rowspan='5'>PIC</td>
    <td colspan='2'>First Lastname</td>
  </tr>
  <tr>
    <td colspan='2'>Users Position</td>
  </tr>
  <tr>
    <td colspan='2'>emailaddress.emailaddress@emailaddress.com</td>
  </tr>
  <tr>
    <td><span>business:</span></td>
    <td width='100%'><span>123-4567</span></td>
  </tr>
  <tr>
    <td><span>mobile:</span></td>
    <td width='100%'><span>765-4321</span></td>
  </tr>
</table>

P.S。请不要＆＃34;你应该使用DIV！＆＃34;我知道，这只是一个更大的布局的一小部分，我无法让所有东西与DIV一起使用而且我已经不多了时间，v2.0将被重构为使用DIV（如果我有时间让它们工作）

Answer 1

这会对您有所帮助td{width:5%}

Demo

表格列宽度拉长

1 个答案: