私はliに画像があるULリストを持っています。私は UL 幅を 400px に指定しました。li アイテムがそれ以上の場合は非表示にしたいのですが、次の行に来ています。解決策はありますか?
これが私のデモ http://jsfiddle.net/vtuRL/8/です
私はliに画像があるULリストを持っています。私は UL 幅を 400px に指定しました。li アイテムがそれ以上の場合は非表示にしたいのですが、次の行に来ています。解決策はありますか?
これが私のデモ http://jsfiddle.net/vtuRL/8/です
使用可能なスペースの最後で改行を防ぐために、リストに追加white-space: nowrap;
を設定する必要があります。UL
参照: http: //jsfiddle.net/vtuRL/10/
オーバーフローの非表示は、BLOCK 要素でのみ許可されます。UL をブロックとして設定することはできません。しかし、これがどのように機能するかの例を次に示します。
追加したばかり
.p_gallery { float:left; width:400px; overflow:hidden; }
そして、ul CSSを変更しました
.p_gallery ul{ margin:20px 0 20px 24px; background-color:#ccc; padding:0; float:left; width:1000px;}