Css 如何在<；中溢出特定内容；td>；？

我从这样的td手机开始

<td>
<span>123</span>
<input style="display:none;">
</td>

123

我正在寻找一种方式来设置这种样式，以便隐藏原始内容，显示输入框并使其溢出，而不是调整td的大小，并将td的大小保持为其原始内容

我现在看到的状态A是这样的

<td>
<span>123</span>
<input style="display:none;">
</td>

[123][45aaaaaaa6][7aaaa89]

<td>
<span>123</span>
<input style="display:none;">
</td>

我希望B州看起来像这样

<td>
<span>123</span>
<input style="display:none;">
</td>

[*输入文本字段*aaaaaa6][7aaaa89]

<td>
<span>123</span>
<input style="display:none;">
</td>

123

是对您的标记的更正，但您希望达到的效果到底是什么？到目前为止您尝试了什么？

<td>
<span>123</span>
<div id="hidden">
<input type="text" />
</div>
</td>

123

这是对您的标记的更正，但您希望达到的效果到底是什么？到目前为止您尝试了什么

<td>
<span>123</span>
<div id="hidden">
<input type="text" />
</div>
</td>

在上面生成显示div的脚本（需要包含jqueryjs…）

$（文档）.ready（函数（）{
$（'table tr td'）.children（）.find（'div'）.hover（函数（）{
$（this.show（）；
}
)
});

在上面生成显示div的脚本（需要包含jqueryjs…）

$（文档）.ready（函数（）{
$（'table tr td'）.children（）.find（'div'）.hover（函数（）{
$（this.show（）；
}
)
});

找到了答案。我没有意识到的是，不能假设position:absolute的元素默认为0,0位置，所以我需要显式地将Left设置为0

<td>
 <div style="position: relative;">
  <span style="visibility:hidden;">123</span>
  <input style="position: absolute; left:0; display:inline;">
 </div>
</td>

123

找到了答案。我没有意识到的是，不能假设position:absolute的元素默认为0,0位置，所以我需要显式地将Left设置为0

<td>
 <div style="position: relative;">
  <span style="visibility:hidden;">123</span>
  <input style="position: absolute; left:0; display:inline;">
 </div>
</td>

123

首先，这看起来根本没有有效的代码。。。是否要使用css隐藏跨度？并显示输入？td上出现可见溢出？您不能滚动到td，您必须将内容范围、文本框放在div中，div放在td中。您可以根据需要设置此div的样式，使其具有滚动条。这是伪代码，我认为这不是一个好主意，您想使用javascript吗？例如，在用户单击链接或按钮时进行这些更改？是的，我使用的是javascript和jquery，我只是不太了解css。首先，这看起来根本没有有效的代码。。。是否要使用css隐藏跨度？并显示输入？td上出现可见溢出？您不能滚动到td，您必须将内容范围、文本框放在div中，div放在td中。您可以根据需要设置此div的样式，使其具有滚动条。这是伪代码，我认为这不是一个好主意，您想使用javascript吗？例如，当用户单击链接或按钮时要进行这些更改吗？是的，我使用的是javascript和jquery，我只是不太了解css。输入字段应该是一个表单，尽管表单可能在表格的某个地方。同意，我想我们需要OP中的一些更详细的信息。我尝试了“display:inline”这就扩展了，我想要“显示：不要更改框，只需在内容的顶部”，输入字段应该是一个表单，尽管该表单可能在桌子周围的某个地方。同意，我想我们需要OP中的一些更详细的信息。我尝试了“显示：内联”来扩展，我想要“展示：不要换盒子，只需盖上东西；显示：无从流中完全删除元素，可见性：隐藏隐藏元素，但它仍将占用文档中的空间。顺便说一下，元素和样式值未正确关闭（在样式属性之间使用“；”）.display:none从流中完全删除元素，可见性：hidden隐藏元素，但它仍将占用文档中的空间。顺便说一句，元素和样式值未正确关闭（在样式属性之间使用“；”）。