如何使用 CSS 将三列居中对齐？

Question

我正在尝试使用 CSS 在 HTML 中创建组织结构图，我想缩小 <li> 标签之间的空间。

• 代码如下：https://jsfiddle.net/8q9uxzb6/

我希望 CSS 中第 89 行的 margin-left 值为 3%，并使三列居中。但是，当我更改 margin-left 值时，我无法将这些列居中。谁能帮帮我？

Answer 1

不确定我是否理解你想要什么，但你是否尝试过在三个元素上设置 width: 33%; 和 float: left;，然后在 body 上设置 margin: 0 auto;？