如何将徽标和联系表单置于我的网站中心

Question

我想在这里实现的是将我的徽标和联系表格放在中心位置。我试过看谷歌和这里，但没有发现任何有用的东西。我会包括一个js bin请任何人帮助我。

https://jsbin.com/foqemipeco/edit?html,css,output

Answer 1

为display: inline-block添加margin: 0 56px和#logo以进行徽标居中。然后，将display: inline-block添加到#box-header，将margin: 45px 115px 0添加到#box，以便以表单为中心。

我使用inline-block技巧将主容器大小限制为其中元素的大小。通过切割尺寸，您可以使容器具有侧边距。此外，没有必要在#box中定义宽度，并且使用<br>标签进行布局是一个非常糟糕的做法，摆脱它们，我为该容器提供的边距会将其推下来。