块级元素、行内元素、行内块元素怎么区分

一、块级元素特点:

1、可以设定宽度和高度
2、独自占用一行
3、默认宽度是父元素的宽度,默认的高度是内容高度。
常见的块级元素:div、p、h1~h6、ul、ol、li、dl、dt、dd。

二、行内元素的特点:

1、不独占一行,并列显示
2、不可以设定宽度或者高度
3、默认宽度和高度是内容宽度和高度
常见的行内元素:a、span、em、i、del、label。

三、行内块元素的特点:

1、可以设定宽度和高度
2、可以和其它行内元素或者行内块元素并列显示(共处一行)
常见的行内块元素:input、img、td。

拓展:
使用css的display可以进行类型转换。如:

//给a标签设置宽高,扩大选区范围
<a href="" style="display:inline-block;line-height:50px;text-align:center;width:100px;height:50px;">扩大选区的超链接</a>
发布了13 篇原创文章 · 获赞 0 · 访问量 527

猜你喜欢

转载自blog.csdn.net/babdpfi/article/details/105049732