<td class="auto-wrap"><input type="text" name="aoi_step" value="3"></td> <td class="auto-wrap"><input type="text" name="defect_type" value="Particle"></td> <td class="auto-wrap"><input type="text" name="layer_code" value="ACT"></td> <td class="auto-wrap"><input type="text" name="type" value="Particle"></td> <td class="auto-wrap"><input type="text" name="dpet" value="ACT"></td> <td class="auto-wrap"><input type="text" name="subcode" value="Particle"></td> <td class="auto-wrap"><input type="text" name="code_description" value="ACT"></td>修改后输入框并不能进行换行,并且我需要将输入框和表格大小相同,
时间: 2023-08-06 14:04:25 浏览: 98
要使输入框进行换行并且与表格大小相同,可以使用 CSS 样式来实现。将输入框的宽度设置为100%以使其与表格单元格大小相同,并使用 CSS 的 `word-break` 属性来控制输入框中的文本换行。
首先,你可以为每个单元格中的输入框添加一个类名,以便为其应用样式。例如:
```html
<td class="auto-wrap"><input type="text" name="aoi_step" value="3"></td>
<td class="auto-wrap"><input type="text" name="defect_type" value="Particle"></td>
<td class="auto-wrap"><input type="text" name="layer_code" value="ACT"></td>
<td class="auto-wrap"><input type="text" name="type" value="Particle"></td>
<td class="auto-wrap"><input type="text" name="dpet" value="ACT"></td>
<td class="auto-wrap"><input type="text" name="subcode" value="Particle"></td>
<td class="auto-wrap"><input type="text" name="code_description" value="ACT"></td>
```
然后,你可以使用以下 CSS 样式来实现输入框的换行和与表格大小相同:
```css
.auto-wrap input[type="text"] {
width: 100%;
word-break: break-all;
}
```
将以上 CSS 样式添加到你的样式表中,或者直接将其添加到 `<style>` 标签中。
这样,输入框的宽度将与表格单元格相同,并且文本将根据单元格宽度进行换行。
希望这能解决你的问题。如果还有其他疑问,请随时提问。
阅读全文