css - 为什么我的社交媒体图标/按钮会换行？

Question

我正在尝试将所有社交媒体图标对齐在一条线上，但由于某种原因，它们正在换行。（推特和 fbconnect）：

http://bit.ly/IqwM20

对此的任何帮助将不胜感激。我尝试了很多东西（向左浮动，增加包含 div 容器的大小，使用 display: inline-block ）但似乎没有任何效果。

非常感谢， gvanto

Answer 1

调整文件pme.css如下：

140 号线

#socmedia-bar {
clear: both;
float: right;
position: relative;
top: 30px;
height: 21px;
background-color: #6F6;
width: 345px;
}

150 号线

#socmedia-bar .region-socmed-icons {
float: left;
height: 20px;
margin: 0 0 0 5px;
position: relative;
}

178 号线

#socmedia-bar .region.region-facebook-connect {
float: right;
height: 20px;
}

Answer 2

问题似乎是缺少水平空间，所以 twitter 按钮会换行。

如果您指定一个widthon #socmedia-bar .region-socmed-iconsof say 250px，它们都将坐在同一条线上。

Answer 3

如果您在谈论顶部的社交媒体按钮，那么您的宽度是错误的。社交媒体按钮的总宽度达到250px但包装器 div 仅200px宽。因此包装。增加包装的宽度#socmedia-bar就可以了。