display: inline-block;是什么意思
时间: 2023-11-17 10:04:29 浏览: 220
display:inline-block的原理分析
display: inline-block;是CSS的一种属性,它将元素显示为行内块级元素,具有以下特点:
1. 元素会像行内元素一样排列,但可以设置宽度、高度、内外边距等属性;
2. 元素之间会有空隙,但可以通过设置父元素的font-size: 0;来消除;
3. 可以设置垂直对齐方式,例如vertical-align:middle;;
4. 可以在元素内部设置其他块级元素,例如div、p等。
阅读全文