HTML在CSS中设置标签宽度?

时间:2017-02-28 03:40:17

标签: html css

如何为所有标签设置标签宽度?

CSS:

label {
    width: 180px;
}

HTML:

<label for = "customerName">Name:</label><input type = "text" name = "customerName" required><br>

但标签是&#34;名称:&#34;长度。我预计标签的宽度为180px。无论css代码是否存在,它的宽度都相同。

2 个答案:

答案 0 :(得分:3)

使用 display:inline-block;

<强> 说明:

标签是一个内联元素,意味着它只有它需要的大小。

将display属性设置为inline-block或block,以使width属性生效。

答案 1 :(得分:1)

默认情况下,标签是内联元素。内联元素不占用宽度或高度。 让它们内联块然后尝试。 使用 display:inline-block