0

我完全无法理解为什么其中的表格div如此严重地向右对齐。

<div id="proof_check" style="position:relative; width:577px;  padding:10px; padding-bottom:0px;padding-top:0px; border:3px solid #ccc;  background-color:#fff; z-index:0"> 
<table><tr><td></td><td style='vertical-align:top; padding-left:5px;'><span style='font-weight:bold; color: #295BA7;'>Proof Approval</span><br /></td></tr><tr><td><input type='checkbox' id='proof-approved'></td><td style='vertical-align:top;padding-left:5px;'>I approve of the above design, spelling and layout and understand that my document will print as it appears above and that after placing my order, it cannot be changed.</td></tr><tr valign=bottom><td colspan='2'></td>
</tr>
</table>
</div>

结果是这样的：

在此处输入图像描述

为什么它是从 div 的中间开始而不是从左侧开始？

4

3 回答 3

0

您没有为表格的“td”列提供任何 colspan 或宽度。因此，它将表格行“tr”分成两个相等的部分。

给出一个 colspan 元素，如：

<TABLE STYLE="table-layout:fixed;">
  <COLSPAN>
   <COL width="5%"/>
   <COL width="95%">
  </COLSPAN>
  ....rest of the code goes here...
</TABLE>

每次第一列是 5%，第二列占 95% 宽度。

希望有帮助

于 2013-07-03T10:59:35.940 回答
0

代码似乎很好，我能弄清的唯一问题是您的 proof_check div 中的“position:relative”，也许是您的父 div 导致了问题。将其更改为“位置：绝对”希望可以解决您的问题！

于 2013-07-03T11:03:42.637 回答
0

这是因为您没有为第一个表格单元格定义宽度（带有复选框）。设置它的宽度，你应该没问题......或者用div而不是表格来做。

于 2013-07-03T11:04:29.523 回答