能简单聊聊行内级元素和块级元素的区别吗

能简单聊聊行内级元素和块级元素的区别吗?

首先,我们得重视这个 “级” 这个字

行内级,它表示一个级别,是一个大范围,它是指display=inline,inline-table,inline-block,inline-flex,inline-grid的一类元素。
​ 而行内元素,它仅仅是指display=inline的元素,准确来说,行内元素应该是行内级元素的子集。

行内元素一定是行内级元素,但行内级元素不一定是行内元素。同理,块级元素和块元素的关系也是如此。这里不再赘述。

块级,通俗来说,是指那些会换新行的元素,即display=block,list-item,table,flex,grid的一类元素
​ 块元素,display=block。

举个栗子,li是一个块级元素,但不是一个块元素

前端小白,若有错误的地方,欢迎评论

posted @ 2022-03-17 20:26  朱在春  阅读(64)  评论(0编辑  收藏  举报