html - 更改标签标签的大小

Question

我使用幻灯片制作了一个下拉菜单，但即使在标签标记中使用宽度后，我也无法更改“类别”框的大小

html代码

`<div class="nav-1">
  <label for="touch"><span>Categories</span></label>               
   <input type="checkbox" id="touch"> 
     <+ class="slide">
    <li><a>Lorem Ipsum</a></li>    
</div>`

我什至在标签和输入标记中使用了宽度，但无法更改大小

Answer 1

问题在于标签的默认显示是内联。这就是为什么我们无法更改宽度，因此我们必须更改 display 属性。

您可以使用以下代码:

label {
    display: inline-block;
    width: 300px;
}

属性inline-block将允许标签具有宽度。

以下是一些引用资料:

• display属性(property)，
• width属性(property)。