html中如何在一个label中设置一个宽度？_随笔

<label style="width:50pxdisplay:blockoverflow:hiddenwhite-space:nowrap">是大法师是大法师是大法师是大法师是大法师是大法师是大法师是大法师是大法师是大法师</label>

代码如上

直接overflow hidden是不行的，label是一个行内元素，无法设置宽度，先用display:block强制转化为块级元素

正如一号的回答，设置css的display为block；

label{

display: block

height: 30%

}

html,body{

height: 100% /*迁就height；*/

}

</style>

1. 改变display的方式为inline-block或者block，样式不一样，根据需要选择。

2. 添加属性width。

实例如下：

<!DOCTYPE html>

<html>

<body>

<form>

<label for="female">Female</label>

</form>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

html中如何在一个label中设置一个宽度？