로이 리히텐슈타인의 <행복한 눈물>
(function () { var sumOfWidth = 100; var gridImages = Array.prototype.slice.call(document.querySelectorAll('[data-ke-type="imageGrid"] .image-container span')); gridImages.reverse().forEach(function (img) { // 행이 넘어가는지 명확하게 확인하기 위해 역순으로 순회 var width = Number(img.style.width.replace('%', '')); sumOfWidth += width; img.style.flexGrow = width; img.style.minWidth = 'calc(' + img.style.width + ' - 1.2% - 1px)'; var isRightmost = Math.floor(sumOfWidth) > 100; // width 합이 100이 초과하면 다음 행으로 넘어감 if (isRightmost) { sumOfWidth = width; img.classList.add('rightmost'); } }); })();
다음검색