用输入框替换td数据会更改列的含义

Question

我希望这个问题很简单，表格代表数据，并且通过将td元素悬停我用文本输入替换它。问题是输入框有一些默认宽度，这使表闪烁。

如何正确设置输入框？我应该采用第一个td宽度尺寸并简单地设置为输入框吗？

http://jsfiddle.net/staar2/Pufpq/2/

//更好一点，输入框和外面的字体不同

http://jsfiddle.net/Pufpq/7/

//删除大纲 http://jsfiddle.net/Pufpq/8/

我认为现在发现了这个问题，当设置文本稍大于宽度时，行缩放更大但输入框适合文本内部并且不会改变宽度。

Answer 1

为具有特定宽度的输入设置样式（不是100％，但是像100px一样）并且应该修复它

Answer 2

您可以在进行更改之前获取表格单元格宽度，然后在之后应用它，但您还需要补偿任何填充，边距和边框。

Answer 3

将宽度设置为td，td内的输入使闪烁不太明显。

td {
padding: 5px; 
width:10px;    
}

td input {
    width:10px;
}