HTML怎么设置label标签的高度和宽度_随笔

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

label{

display: block

height: 30%

}

html,body{

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

}

</style>

html5 label定长不随文字的多少改变大小,这个的话，我们是可以通过CSS来搞定的，设置label的width,height，那样他自然它的大小就不能被改变，这里我写一段代码：

<html>

<head>

<style>

label{

width:300px

height:200px

}

</style>

</head>

<body>

<div>

<form>

<br />

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

</form>

</div>

</body>

</html>

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

代码如上

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

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

HTML怎么设置label标签的高度和宽度