1. 什么是块级元素?
块级元素是那些视觉上会被格式化成块状的元素,通俗一点来说就是那些会换新行的元素。
display
属性的:block
, list-item
, table
, flex
, grid
值都可以将一个元素设置成块级元素。举个例子来说,
li
是一个 块级元素
,但也有人会说它是一个 块元素
。嗯,li
确实是一个块级元素,但并不是一个块元素,为什么?2. 什么是块元素?
块元素是display
属性值为 block
的元素,它应该是 块级元素
的一个子集,而不是等同的,一个 块元素
是一个 块级元素
,但一个 块级元素
不一定是一个 块元素
,所以不要混淆。3.什么是行内级元素?
行内级元素是那些不会为自身内容形成新的块,而让内容分布在多行中的元素。display
属性的:inline
, inline-table
, inline-block
, inline-flex
, inline-grid
值都可以将一个元素设置成行内级元素。4.什么是行内元素?
如同块元素之于块级元素的关系,行内元素仅仅是
display
属性值为 inline
的元素,这里不再赘述。