如何將標誌和聯繫表格居中在我的網站上

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>標籤進行佈局是一種非常糟糕的做法，擺脫它們，我爲該容器提供的邊距將會降低它。