display:inline-block设置后，怎么居中？

如果你想将 `display: inline-block` 元素居中，可以使用以下方法：

1. 使用 `text-align: center` 属性将其父元素中的所有 `inline-block` 元素居中。

.parent {
  text-align: center;
}

.child {
  display: inline-block;
}

2. 使用 `margin: 0 auto` 属性将单个 `inline-block` 元素居中。

.child {
  display: inline-block;
  margin: 0 auto;
}

请注意，第二种方法只适用于具有固定宽度的元素。如果你的元素没有固定宽度，你可以将其包装在一个具有固定宽度的父元素中，并将父元素居中。

相关问题

display: inline-block

`display: inline-block` 是 CSS 中的一个属性值，用于设置元素的显示方式。它使元素呈现为一个内联元素（inline element）和一个块级元素（block element）的结合体，即可以在一行中显示多个元素，且可以设置宽度、高度、内外边距等属性。常用于制作水平菜单、按钮等。

display:inline-block

"display:inline-block" 是一种 CSS 属性，可以将元素设置为行内块级元素，具有行内元素的特性，同时又具有块级元素的特性。常用于实现多个元素水平排列，可以设置元素的宽度、高度、边距、内边距等样式。与 display:inline 相比，"inline-block" 可以设置元素的宽度和高度，而 "inline" 只能根据元素的内容撑开宽度。