我可以在不使用'display: table”的情况下将内联块元素居中吗？

CSS居中显示内联块

问题：

在工作代码中，包装类的中心对齐方式是使用 display: table 实现。但是，用户表示更喜欢使用 display: block 或 display: inline-block 来代替。问题来了：有没有一种替代方法可以在不依赖display:table的情况下实现居中对齐？

解决方案：

要解决这个问题，只需引入text-align： center 到 body 并把 display: inline-block 放到包装类中，同时消除 display: table 属性。此修改有效地将内容集中在包装类中，而不影响所需的显示：内联块。这是修改后的 CSS：

body {
    background: #bbb;
    text-align: center;
}

.wrap {
    background: #aaa;
    margin: 0 auto;
    display: inline-block;
    overflow: hidden;
}

以上是我可以在不使用'display: table”的情况下将内联块元素居中吗？的详细内容。更多信息请关注PHP中文网其他相关文章！