私は親の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/
以前に非表示の要素を表示するには、ページを更新するか別のトグルを追加する必要があります。