优秀的编程知识分享平台

网站首页 > 技术文章 正文

行内元素和块级元素(行内元素和块级元素的特点和区别)

nanyue 2024-10-21 06:22:25 技术文章 37 ℃

行内元素:

行内元素的特点:1.同一行显示2.不能设置宽高(设置宽高不生效)

span 、a、img、input、td 、strong、em、i、del、ins、select、label、textarea 等;其中span是最典型的行内元素

块级元素:

块级元素的特点:1.独占一行 2.可以设置宽高

div 、h1、h2、h3、h4、h5、h6、p、ul、li、ol、footer、header、table等;其中div是最典型的块级元素

空元素

br、hr 等

元素之间的转换(显示模式转换display)

通过display属性转换

display:inline;//把元素转换成了行内元素
display:block;//把某元素转换成块级元素
display:inline-block;//把某元素转换成了行内块元素

行内块元素:

行内块元素的特点:1.同一行显示2.可以设置宽高

最近发表
标签列表