弹出可编辑和不可编辑标签的对齐问题

Question

我弹出了一个弹出窗口，根据条件打开所有标签类型或可编辑类型。 当我将弹出窗口打开为可编辑时，表格被设置为居中，并且值正确对齐 。当我在非可编辑模式下打开它时，数值会更多地移到左侧。

我已经上传到JSFiddle进行分析。加入<blockquote>标记一个

http://jsfiddle.net/gr2022s/C9BZJ/1/

我做了一个解决办法，请帮忙

弹出一个带有编辑条件

http://jsfiddle.net/gr2022s/C9BZJ/

弹出一个带有不可编辑条件的标签，但问题似乎是 标签从其他人向右移动。

Answer 1

的原因很简单：

你永远不定义任何宽度任何<td>。因此，您的<table>将根据最大td内容按比例缩放每个列。而且，由于你的<input type="text />是远远比简单的文字Ad Hoc较大时，可编辑的表格似乎更集中...

试试这个测试吧：

<table border="1" width="300px"> 
    <tr> 
     <td>content</td> 
     <td>content</td> 
    </tr> 
</table> 
<table border="1" width="300px"> 
    <tr> 
     <td>a</td> 
     <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td> 
    </tr> 
</table> 
<table border="1" width="300px"> 
    <tr> 
     <td>aaaaaaa</td> 
     <td>aaa</td> 
    </tr> 
</table> 

还是看your updated jsFiddle。