非池中之物 2013-10-07 09:14 采纳率: 0%
浏览 11904

html两个table的列不能对齐的问题

第一种写法能对齐:

<div>
<table class="tableStyle" sortMode="true" headFixMode="true" useMultColor="true" useClick="false"  useCheckBox="true">
<tr>
  <th style="width: 40px"></th>
  <th style="width: 80px">姓名</th>
  <th style="width: 40px">性别</th>
  <th style="width: 40px">年龄</th>
</tr>
</table>

</div>
<div id="scrollContent" >
<table class="tableStyle" headFixMode="true">
<tbody>
    <tr>
      <td width="40"><input type="checkbox" class="hand" name="items" value="1"/></td>

      <td width="80">
          姓名1
      </td>
      <td width="40">
            男
      </td>
      <td width="40"><span class="float_left">
        23
      </span> </td>
      </tbody></table></div>

但是第二种写法就不能对齐

    <div>
<table class="tableStyle" sortMode="true" headFixMode="true" useMultColor="true" useClick="false"  useCheckBox="true">
<tr>
  <th width="25%"></th>
  <th width="25%">姓名</th>
  <th width="25%">性别</th>
  <th width="25%">年龄</th>
</tr>
</table>

</div>
<div id="scrollContent" >
<table class="tableStyle" headFixMode="true">
<tbody>
    <tr>
      <td width="25%"><input type="checkbox" class="hand" name="items" value="1"/></td>

      <td width="25%">
          姓名1
      </td>
      <td width="25%">
            男
      </td>
      <td width="25%"><span class="float_left">
        23
      </span> </td>
      </tbody></table></div>

这是为什么?为什么用确定的数值px就能将2个table的列对齐,而用%的形式两个table的列就不能对齐

  • 写回答

1条回答 默认 最新

  • 赵王大人 2015-11-10 07:52
    关注

    那是因为第二个“姓名1”的width=“25%”,而第一个是80.。。。。。。。。
    13年的问题。。。。。

    评论

报告相同问题?

悬赏问题

  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog