1、块状元素一般比较霸道,它排斥与其他元素位于同一行内,比如div,并且width与height对它起作用。
2、内联元素只能容纳文本或其他内联元素,它允许与其他内联元素位于同一行内,比如span,但,width与height对它不起作用。
3、当然,块状元素与内联元素是可以相互转换的,给块状元素设置 display:inline; 或 给内联元素设置 display:block; 即可转换。
4、常见的块状元素
-
div - 块
-
p - 段落
-
h1 ~ h6 - 大标题
-
table , form - 表格,表单
-
ul , ol - 非排序列表,排序表单
-
hr - 水平分割线
5、常见的内联元素
-
a - 锚点
-
span - 内联块
-
br - 换行
-
input - 输入框
-
img - 图片
-
select - 项目选址
-
textarea - 多行文本输入框
-
本文详细介绍了HTML中块状元素与内联元素的概念、区别及其相互转换的方法,包括常见块状元素如div、段落、标题等,以及常见内联元素如锚点、输入框、图片等。同时,阐述了如何通过display属性实现元素类型的转换,为网页布局提供了灵活的解决方案。

1212

被折叠的 条评论
为什么被折叠?



