displayblock属性前后区别

`display` 属性可以用来控制元素的显示方式。其中 `display: block` 和 `display: inline-block` 是两种常见的属性值。

`display: block` 的元素会在页面上单独占据一行，宽度默认为父元素的宽度。可以设置宽度、高度、内边距、外边距等属性。常见的 block 元素有 `div`、`p`、`h1` ~ `h6` 等。

而 `display: inline-block` 的元素也会占据一行，但是宽度只会占据自身内容所需的宽度，而非父元素的宽度。同样可以设置宽度、高度、内边距、外边距等属性。常见的 inline-block 元素有 `button`、`input`、`img` 等。

因此，使用 `display: block` 的元素会在页面上单独占据一行，而 `display: inline-block` 的元素则可以和其他元素在同一行上显示。