css - ソーシャル メディアのアイコン/ボタンが折り返されるのはなぜですか?

Question

すべてのソーシャル メディア アイコンを 1 行に揃えようとしていますが、何らかの理由で折り返されています。(ツイッターと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ば問題ありません。