将显示值设置为内联块的div居中

时间:2017-08-29 15:06:17

标签: html css

enter image description here

如上图所示,帖子不居中。 我试过这些我在网上找到的解决方案,但都没有用:

  • 将包装器div设置为position: relative;,将子div设置为position: absolute; left: 50%; transform: translateX(-50%);

  • 在包装器div上执行position: absolute; display: table; margin-left: auto; margin-right: auto; text-align: center;

先谢谢。

1 个答案:

答案 0 :(得分:3)

有一个容器并将text-align设置为center:

<div id="container" style="text-align:center">
  <div style="display:inline-block">Post 1</div>
  <div style="display:inline-block">Post 2</div>
</div>