html - 表中 td 的大小也发生了变化

Question

当我按下键时，它会影响另一个 td 的大小

<tr><td class="value">source </td><td class="text"> 


<input type="text" id="txt_sh_source" onKeyPress="src_record()" maxlength="3">
<input type="text" id="srcid" style="display:none;">
<div id="div_src" class="search_form" ></div>

它的CSS是

div.search_form
{
position:fixed;
 background-color:white;

}td.value
{
background-color:#00628B;
color:#E6E6DC;
height:50;

}

Answer 1

我可以向您推荐 3 个选项。

1. 为您的输入类型表单提供最大字符长度，以避免用户键入会与您的 tds 重叠的字符。

2. 为每个 td 设置固定宽度。

3. 使用 css 代替 td。表格在今天不是标准用途。