什么是行内块元素?

我们都知道行内元素和块级元素,在实际开发中,经常会听到行内块元素,那么什么是行内块元素呢?

行内块元素实际就是把块元素以行的形式展现,保留了块元素可以设置的对应CSS属性。

CSS有个属性叫做display,其取值可以为inline-block。W3CSchool中说display属性规定元素应该生成的框的类型。那么inline-block这个行内块元素与行内元素和块级元素有什么区别呢?

什么是行内块元素?_第1张图片

也就是通过设置display属性的值,决定一个元素是块级元素还是行内元素还是行内块元素。

块级元素:block

行内元素:inline

行内块元素:inline-block

块级元素和行内元素,大家已经了解了,那么如何使用行内块元素呢?行内快元素既有行内元素的特点也有块级元素的特点

1.可以改变宽高(块级元素特点)

2.不独立成行(行内元素特点)

你可能感兴趣的:(什么是行内块元素?)