inline-block
时间: 2023-07-07 22:42:26 浏览: 231
CSS属性display:inline-block用法深入理解
`inline-block` 是 CSS 中一个常用的属性,它可以将元素设置为内联块级元素,使其既具有内联元素的特性,又具有块级元素的特性。
具体来说,`inline-block` 可以使元素在一行内并排展示,同时可以设置宽高、内外边距等块级元素的属性。常见的应用场景包括显示列表、按钮、图像等。
下面是一个 `inline-block` 的示例代码:
```html
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<style>
.box {
display: inline-block;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 10px;
}
</style>
```
上面的代码会在一行内显示三个宽高为 100px 的盒子,它们之间有 10px 的间距。
阅读全文