html中label是块级标签吗?

如题所述

在页面布局中,一般会将html元素分为两种,即块级元素和行内元素。label为行内元素,不是块级元素。块级元素默认占一行高度,一行内有一个块级元素后一般无法添加其他元素,除非添加了float浮动。两个块级元素连续放置时,会在另起一行。块级元素一般可嵌套块级元素或行内元素。最直观的体现如下:

<!DOCTYPE html>
<html>
<head>?
<meta?charset="utf-8">?
<title>测试label标签</title>?
</head>
<body>

<p style="border-bottom:1px solid #ccc;color:red;padding-bottom:10px;margin-bottom:40px">测试label标签</p>
<label for="male">label标签</label>
<span style="background-color:#ccc;padding:10px;margin-right:10px">分割</span>
<label for="male">label标签</label>
</body>
</html>

显示效果:

可见,两个label并没有换行显示。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-02-26
<label> 标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
第2个回答  2013-02-26
不是块级标签追问

但是它具体块级标签的属性啊

追答

不是,
比如标签占据着一个矩形的区域,并且和相邻的标签依次竖直排列,不会排在同一行中。这类元素称为块级元素。

本回答被网友采纳
第3个回答  2017-07-17
label不是块级标签
第4个回答  2017-08-23
否,是内联元素。