css中inline-block

inline-block 是 CSS 中常用的一个 display 属性值，它可以让元素既具有 inline 元素的特性，又具有 block 元素的特性。

具体来说，使用 inline-block 可以让元素：

1. 能够在一行内显示，不会像 block 元素一样占据一整行。

2. 能够设置宽高等尺寸属性，像 block 元素一样可以设置宽高等尺寸属性。

3. 能够设置 margin 和 padding 等边框样式属性，像 block 元素一样可以设置边框样式属性。

4. 能够设置行高和垂直对齐方式，像 inline 元素一样可以设置行高和垂直对齐方式。

需要注意的是，inline-block 元素的排列方式有时会受到空格、换行符等文本节点的影响，可以通过设置父元素的 font-size: 0; 和 word-spacing: -1em; 来解决这个问题。

相关问题

css的inline-block靠右

可以使用CSS的text-align属性来实现将inline-block元素靠右对齐。例如：

.parent {
  text-align: right;
}

.child {
  display: inline-block;
}

在这个例子中，父元素设置了`text-align: right`，而子元素设置了`display: inline-block`，这样子元素就会靠右对齐。请注意，这种方法仅适用于父元素的宽度大于子元素的宽度的情况。如果子元素的宽度大于父元素的宽度，则该方法将无效。

css的inline-block右对齐

可以通过设置父元素的 text-align 属性为 right 来实现 inline-block 的右对齐。

例如：

.parent {
  text-align: right;
}

.child {
  display: inline-block;
}

这样，所有设置了 inline-block 属性的子元素都会被右对齐。