彈出可編輯和不可編輯標籤的對齊問題

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。