<tr> <th width=20% class="display: none;">Line number:</th> <td> <input type="text" name="Line" size="2" maxlength="2" class="display: none;"> </td> </tr> html中为什么无法隐藏
时间: 2023-08-06 19:03:36 浏览: 162
在您提供的HTML代码中,您将`display: none;`直接作为class名称添加到了`<th>`和`<input>`元素中,这是不正确的写法。在HTML中,class名称应该是一个标识符,不能直接包含CSS样式属性。
要隐藏元素,您可以使用以下方法之一:
1. 使用CSS的`display: none;`属性来隐藏元素。将以下样式添加到您的CSS中:
```css
.hidden {
display: none;
}
```
然后将`hidden`类应用到需要隐藏的元素上,例如:
```html
<tr>
<th width="20%" class="hidden">Line number:</th>
<td>
<input type="text" name="Line" size="2" maxlength="2" class="hidden">
</td>
</tr>
```
2. 使用CSS的`visibility: hidden;`属性来隐藏元素。将以下样式添加到您的CSS中:
```css
.hidden {
visibility: hidden;
}
```
然后将`hidden`类应用到需要隐藏的元素上,例如:
```html
<tr>
<th width="20%" class="hidden">Line number:</th>
<td>
<input type="text" name="Line" size="2" maxlength="2" class="hidden">
</td>
</tr>
```
请注意,以上两种方法是通过CSS来隐藏元素的,而不是通过直接在class名称中添加CSS属性。如果您的问题仍然存在,请提供更多详细信息,以便我能够更好地帮助您解决问题。
阅读全文