javascript - 将表格设置为在 Javascript 期间不会更改的某个位置

Question

在 HTML 中，我有一个包含标签和文本框表的 div

以下 HTML 代码属于包含“密码”的“td”：

<asp:TextBox ID="Password" runat="server" TextMode="Password" onkeyup="return passwordChanged();"></asp:TextBox>
<span id="strengthID"></span>

passwordChanged 是一个用于确定密码强度的 javascript 函数。这个函数改变了 span 'strengthID' 的 innerHTML

我的问题很简单：当 'stengthID' 更改其内容时（在 onkeyup 事件上），整个表格向左移动。

我的目标是在更改跨度的内部文本时保持一切原样。我无法摆脱这种行为。请您指出我需要使用的一些可能的css属性吗？或任何其他建议？

谢谢，

Answer 1

您需要为第一列指定 wdith。

例如

<td style="width:150px;">

为任何行的第一列指定宽度将完成这项工作

Answer 2

您需要在该 td 上设置固定宽度，否则浏览器将根据列的内容调整宽度。

一种方法是在每行的第一个 td 中添加一个类（即使只有一行就足够了）并调用它label。

然后添加一些CSS：

.label {
   width: 123px; /* Some width of your choice */
}