0

私はliに画像があるULリストを持っています。私は UL 幅を 400px に指定しました。li アイテムがそれ以上の場合は非表示にしたいのですが、次の行に来ています。解決策はありますか?

これが私のデモ http://jsfiddle.net/vtuRL/8/です

4

2 に答える 2

4

使用可能なスペースの最後で改行を防ぐために、リストに追加white-space: nowrap;を設定する必要があります。UL

参照: http: //jsfiddle.net/vtuRL/10/

于 2012-07-09T13:09:50.797 に答える
0

オーバーフローの非表示は、BLOCK 要素でのみ許可されます。UL をブロックとして設定することはできません。しかし、これがどのように機能するかの例を次に示します。

http://jsfiddle.net/vtuRL/9/

追加したばかり

.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;}
于 2012-07-09T12:46:59.353 に答える