2012-02-16 15 views
0

私は複数の質問があります。インラインリストを特定の高さ/幅にしたい場合は、display:inline;を使用し、高さと幅を<ul>要素に設定する方が良いでしょうか?または、float:left;を使用し、<ul>要素にoverflow:hidden;を適用する必要がありますか?また、<li>要素またはリスト内に<a>の余白/パディングを適用する方が良いでしょうか?あなたは値をリセットする必要がありますか?彼らはできるだけ多くのスペースを占有するか、最後の子供は余分なスペースに対応するためにもっと長くなるでしょうか?インラインリストの余白または余白の使用

答えて

6

あなたの質問はかなり理論的です。

は、おそらくより多くのあなたが何を言ってるのかに利点と欠点があるので、あなたがやろうとしているかを説明する必要があります。

例えば、純粋な「インライン」要素の高さまたは幅は無視されます。浮動ブロックや "インラインブロック"を含むブロックレベルの要素を使用する必要があります。

http://jsfiddle.net/3YU3y/3/

そして、あなたが浮いている場合、それは違ったあなたが期待している何よりも自分自身を配置することがあります。

あなたは、「インラインリスト」対水平リストを行うために探している場合は、そこにそのためのデザインパターンがたくさんあります。いくつかの本当の一般的なHTML/CSSのパターンのためのダンCederholmsのウェブサイトをチェックアウト:

http://pea.rs

「リスト」、特に「ナビゲーション」をご覧ください。

希望に役立ちます!

乾杯!

+0

http://pea.rsへのリンクは+1です。非常に役に立ちます。 – CherryFlavourPez

2

私は私が浮かんすることを意図していなかった疑いがあるものを浮動上であることを使用するために私に多くの意味を成しているようだとしてインライン表示することを好みます。

浮かぶものは、レイアウトやインライン化リストのための非常に便利ですが、私はその本来の意図を推測していません。

2

私は内部の要素(A)ではなく、リストにすべてのスタイルを適用します。私はfloat:position:またはdisplay:のリストのみをスタイルします。 inlineまたはfloatのどちらを使用するかはあなた次第です。 Aタグでdisplay:blockを使用していることを確認してください。

は私のチュートリアルを参照してください:http://preview.moveable.com/JM/ilovelists/

0

は、ここで私はと遊ぶために一緒に入れgood exampleです。それはあなたが探しているそれぞれの概念を分解します。

0

ディスプレイを使用:インライン。固定幅が必要な場合は、CSSを使用して幅をliに設定します。固定高さには線の高さを使用します。

関連する問題