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

Question

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

我已将两者都上传到JSFiddle进行分析。请帮忙

弹出可编辑条件

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

弹出不可编辑的条件

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

我通过在其中一个标签上添加<blockquote>标签做了一个解决方法，但问题似乎是 标签从其他标签向右移动。

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。