0

HTML

<div class="wrapper join-links">
    <ul>
       <li><a href="link">Whatever</a></li>
       <li><a href="link">Something</a></li>
    </ul>
</div>​

CSS

.join-links li {
    float:left;
    margin-right:20px;
}​

どういうわけか、周囲のラッパーdiv内で両方のリンクを「中央揃え」または「両端揃え」に揃えることは可能ですか？

http://jsfiddle.net/CRrmL/

編集：そして私はそれらを正しく整列させることができるかどうかも疑問に思いますか？

4

4 に答える 4

4

あなたに与えるためにに変更float: leftしdisplay: inlineてください：

.join-links li {
    display: inline;
    margin-right:20px;
}​

次に、親divでtext-alignを使用できます。

中央揃え
の例右揃えの例

于 2012-05-12T10:47:05.140 に答える
1

これは、センタリングの一般的なマージンハックを介して行うことができます。

.join-links ul{
    margin:0 auto;
}

li次に、一列に表示される要素を設定する必要があります。

.join-links li {
    display:inline;
}​
于 2012-05-12T10:47:50.157 に答える
1

リンクを右または中央に揃えるには、テキストの揃えを使用して、li要素にインラインまたはインラインブロックを表示する必要があります。Floatプロパティは、任意の要素をブロックに変換します。 http://jsfiddle.net/CRrmL/15/ http://jsfiddle.net/CRrmL/16/

于 2012-05-12T10:57:10.233 に答える
1

このようにリンクを正当化することができます。両方にクラスを定義し、最初に左に、次に右にliフロートするだけです。lili

この例を確認してください

于 2012-05-12T10:57:23.183 に答える