我正在尝试将所有社交媒体图标对齐在一条线上,但由于某种原因,它们正在换行。(推特和 fbconnect):
对此的任何帮助将不胜感激。我尝试了很多东西(向左浮动,增加包含 div 容器的大小,使用 display: inline-block )但似乎没有任何效果。
非常感谢, gvanto
我正在尝试将所有社交媒体图标对齐在一条线上,但由于某种原因,它们正在换行。(推特和 fbconnect):
对此的任何帮助将不胜感激。我尝试了很多东西(向左浮动,增加包含 div 容器的大小,使用 display: inline-block )但似乎没有任何效果。
非常感谢, gvanto
调整文件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;
}
问题似乎是缺少水平空间,所以 twitter 按钮会换行。
如果您指定一个width
on #socmedia-bar .region-socmed-icons
of say 250px
,它们都将坐在同一条线上。
如果您在谈论顶部的社交媒体按钮,那么您的宽度是错误的。社交媒体按钮的总宽度达到250px
但包装器 div 仅200px
宽。因此包装。增加包装的宽度#socmedia-bar
就可以了。