Question

我有Twitter，Facebook和GitHub等各种社交按钮。我希望他们能够连成一排这是我的社交按钮的CSS：

.social-buttons {
    text-align: left;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.social-facebook, .social-github, .social-twitter {
    display: inline-block;
    height: 20px;
    width: 18%;
}
.social-twitter-2 {
    display: inline-block;
    height: 20px;
    width: 28%;
}

在我拥有的CSS中，我将它们全部设置为在内联块中显示。我可以帮忙弄清楚如何将它们全部放在一排，这样它们就不会从那一行移动了吗？此外，有人可以将我的屏幕截图添加到帖子：https://www.dropbox.com/s/lg9da719y2gsyla/screenshot_social-buttons.jpg吗？如果它是相关的，我正在使用Bootstrap 2.3.2，在撰写本文时。

Answer 1

将所有社交网络按钮放在ul标签中。并将此代码粘贴到您的css中，以便所有社交网络按钮都在一行中。

#list li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

将社交按钮连续放置

1 个答案: