1

スタックオーバーフローにはこのような質問が他にもいくつかありますが、何も得られなかったので、自分で投稿する必要があります。URLはこちら...

http://quoteic.com/part?no=PC68EN302RC25

3 つのボタンを 1 行に並べて下に配置したいと思います。これの良い例は、Fiverr のサイトにあります (スクリーンショットを投稿できませんでした)。

4

4 に答える 4

1

すべてのボタンを独自の DIV に配置し、幅と a でスタイルを設定してから、これらfloat:leftすべてを DIV にラップします。これにより、位置を調整して制御することができました。

于 2012-11-23T18:03:36.457 に答える
0

順序なしリストを使用して、各画像をリスト アイテム内に配置し、インラインで表示できます。これにより、リンクが水平線で表示されます。サイトからソーシャル メディア アイコン (16px または 32px など) を自由に使用できるので、すべてのアイコンが一貫したサイズになります。

<div id="socialmedia">
    <ul>
        <li><a href="http://www.twitter.com" target="_blank"><img src="YourTwitterFileName" /></a></li>
        <li><a href="http://www.pinterest.com" target="_blank"><img src="YourPinterestFileName" /></a></li>
        <li><a href="http://www.facebook.com" target="_blank"><img src="YourFacebookFileName" /></a></li>
    </ul>
</div>

ulに使用できるスタイルは次のとおりです

#socialmedia ul li {
    display: inline;
    margin-left: 5px;
}   

#socialmedia img {
    border: none;
}
于 2012-05-11T17:01:08.043 に答える