将社交图标对齐到页脚中心

Question

我试图将社交图标放在中心，但没有任何结果。有谁知道我能做些什么让他们成为中心？ https://postwork.se - 我在谈论页脚中的社交图标

Answer 1

最简单的方法是将此样式添加到围绕它们的p。

首先向p添加一个类，如下所示：

<p class="social-icons-footer">

然后在css文件中添加样式：

.social-icons-footer {
width: 250px;
display: block;
margin: 0 auto;
}

Answer 2

你可以利用

＆＃13;

＆＃13;

/* style for div parent of links */
div {
  display: flex;
  justify-content: space-around;
}

＆＃13;

＆＃13;

＆＃13;

为此，请将div中的所有链接包装起来并应用于此。见下面的截图。 但为了使其正常工作，请用

包装所有图像

<a>

标签。
请注意，旧版浏览器尚不支持flexbox，以防您需要支持它们。 screenshot of display: flex