/ / 25人以上の子供のdivがあるときに、1 divの中に25 divを収めるにはどうすればいいですか? - jquery、css、html

私が25人以上の子divを持っているときに、1つのdivの中に25個のdivを入れる方法は? - jquery、css、html

私は親のdivを持っていて、それのサイズは100px Xです100pxで、その中にchild divを追加する必要があります。それぞれのchild divは20px X 20pxなので、50個のchild divがある場合、最初の25個のdivだけを表示します。 1つのdiv IDが非表示(たとえばフェードアウト)の場合、25 divは常に25 divのみを表示するようにシフトされます。

どうやってそれをCSSだけを使って作ることができますか。 CSSだけでは不可能な場合は、jqueryを使用することができます。

編集:詳細:

私が試してみました !!これは問題です。 親divは私が25以上持っている25sだけを収容します、彼らは親divをオーバーフローします。 25だけを見せたいが残りは現れないようにしたい。しかし、1つのdivが消えた場合、その隣はその場所を埋めることになるので、常に25しかありません(多かれ少なかれ)

回答:

回答№1は2

あなたはあなたの子供divのそれぞれにスタイルを与えることができます

display: inline-block;
width: 20px; /* not 25, that"s too big to fit 5 into 100px (100 / 25 == 4) */
height: 20px;

これにより、それらの後に改行がなくなり、親divにスタイルが与えられます。

width: 100px;
height: 100px;
overflow: hidden;

これにより、親のdiv領域の外側にあるdivは表示されなくなります。


回答№2の場合は1

これは、内部要素を隠すためにjqueryを利用する簡単な例です。 http://jsfiddle.net/ERaP3/

以前に非表示の要素を表示するには、ページを更新するか別のトグルを追加する必要があります。