У мене є батьківський дів, і його розмір становить 100px X100px, і я маю додати до нього дочірні діви, де кожна дочірня діва 20px X 20px, тому якщо у мене є 50 дочірніх дівів, я хочу показати лише перші 25 дів. і якщо один ідентифікатор div прихований (наприклад, зникнутий), то 25 дівок зміщуються, щоб відображати завжди лише 25 дівів.
Як це зробити лише за допомогою CSS Якщо це неможливо лише в CSS, ми можемо використовувати jquery для цього.
EDIT: Детальніше:
Я намагався !! це проблема. Батьківський дів вміщує лише 25, у мене більше 25, вони переповнюють батьківський діл. Хочу показати лише 25, а решта не з’являлася. але якщо один дів він зник, його сусід заповнить його місце, тому завжди в мене є лише 25 (ні більше, ні менше)
Відповіді:
2 для відповіді № 1Ви можете надати кожному своєму дитячому дивовижу стиль
display: inline-block;
width: 20px; /* not 25, that"s too big to fit 5 into 100px (100 / 25 == 4) */
height: 20px;
Що дозволить їм не мати розривів рядків після них, тоді надайте батьківському ділу стиль
width: 100px;
height: 100px;
overflow: hidden;
Що призведе до того, що будь-які діви, що виходять за межі батьківського простору, не відображаються.
1 для відповіді № 2
Ось короткий приклад, який використовує jquery для приховування внутрішніх елементів: http://jsfiddle.net/ERaP3/
Зауважте, що вам потрібно буде або оновити сторінку, або додати ще одне перемикання, щоб показати раніше приховані елементи.