行内元素有哪些？块级元素有哪些？空（void）元素有哪些？inline与inline
行内元素有哪些？块级元素有哪些？空（void）元素有哪些？inline与inline
行内元素有哪些
行级元素是，在HTML文档中可以一行显示的元素，不会换行。
a（锚点元素）、b（粗体）、br（换行）、code、em（强调）、font（字体设置）、i（斜体）、img（图片）、input（输入框）、span、strong（粗体强调）、textarea、u等；块状元素有：address（地址）、blockquote（块引用）、center（居中对齐块）、div、h1~h6（标题）、hr（水平分隔线）、p、ul、ol等。
块级元素有哪些
块级元素是会换行的。
三大列表和表格、六大标题和表单、段落地址要分块 div、h1-h6、form、p、li、ol、li、dl、dt、dd、address、caption、table、tbody、td、tfoot、th、thead、tr
空（void）元素
空元素就是没有内容的 HTML 元素,是在开始标签中就关闭的元素。 通俗点来讲空元素就是能不成对出现的标签
br、hr、col、area、base、img、input、link、source等等
元素之间的转换
通过给div添加display:inline条件，可以让块级元素变为行级元素，如果添加display:inline-block,那就是变成行内块元素。 inline与inline-block的区别是，后者多了一个block属性，具有块级元素的宽和高的特性。 块级元素中可以设置 width、height、padding、margin 等属性。
代码语言：javascript代码运行次数：0运行复制<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
display: inline;
}
</style>
</head>
<body>
<span>极客李华</span>
<div>
李华
</div>
</body>
</html>运行结果 从结果上看，可以发现两个元素的内容到了同一行。
总结
行内元素的属性为：display:inline ===>不独占一行，并且不可以设置宽高 块级元素的属性为：display:block ===> 独占一行，并且可以设置宽高 行内块元素的属性为：display:inline-block ===> 不独占一行，可以设置宽高
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：202-02-2，如有侵权请联系 cloudcommunity@tencent 删除blockinlinevoid表单表格#感谢您对电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格的认可，转载请说明来源于"电脑配置推荐网 - 最新i3 i5 i7组装电脑配置单推荐报价格
上一篇：JS如何让数组中的元素随机展示
下一篇：某操纵系统采用可变分区分配存储管理方法，用户区为512K且始址为0，用空闲分区表管理空闲分区。若分配是采用分配空闲区低地址部分的方案，且初始时用户区的512K空间空闲，对下述申请序列：申请300K，申
推荐阅读
| 留言与评论（共有 18 条评论） |
| 本站网友 网页制作用什么软件 | 8分钟前 发表 |
| 六大标题和表单 | |
| 本站网友 凯立德导航地图升级 | 13分钟前 发表 |
| th | |
| 本站网友 毕业生档案 | 7分钟前 发表 |
| dd | |
| 本站网友 羊水 | 20分钟前 发表 |
| source等等元素之间的转换通过给div添加display | |
| 本站网友 氪金矿 | 22分钟前 发表 |
| height | |
| 本站网友 硒的作用 | 6分钟前 发表 |
| col | |
| 本站网友 小排量摩托车 | 4分钟前 发表 |
| 可以发现两个元素的内容到了同一行 | |
| 本站网友 庄家 | 17分钟前 发表 |
| inline ===>不独占一行 | |
| 本站网友 玉环租房 | 0秒前 发表 |
| br（换行） | |
| 本站网友 产品定位 | 14分钟前 发表 |
| ul | |
| 本站网友 三维画图软件 | 15分钟前 发表 |
| 总结行内元素的属性为：display | |
| 本站网友 南京中北友好国际旅行社 | 21分钟前 发表 |
| inline条件 | |
| 本站网友 上海银屑病医院 | 27分钟前 发表 |
| input | |
| 本站网友 万科东第 | 9分钟前 发表 |
| block ===> 独占一行 | |
| 本站网友 新2 | 1分钟前 发表 |
| inline; } </style> </head> <body> <span>极客李华</span> <div> 李华 </div> </body> </html>运行结果 从结果上看 | |
| 本站网友 由来征战地 | 19分钟前 发表 |
| dl | |
| 本站网友 大华二手房 | 2分钟前 发表 |
| col | |