0

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

http://bit.ly/IqwM20

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

非常感谢, gvanto

4

3 回答 3

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;
}
于 2012-05-04T00:49:32.357 回答
0

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

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

于 2012-05-04T00:42:25.713 回答
0

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

于 2012-05-04T00:42:58.203 回答