难题.

免版税

#imageSpot .loader{ display: none; } .item-list.item-list-row::after{ content: ""; display: block; clear: both; } .item-list.item-list-row .showonload { visibility: visible !important; } .item-list.item-list-row .showonload > a{ float: left; height: 260px; text-align: center; font-size: 12pt; padding: 0.5em; padding-bottom: 6em; overflow: hidden; } .item-list.item-list-row .showonload > a img { width: auto; height: 100%; display: block; margin: 0 auto; } .item-list.item-list-row .showonload > a img::after{ content:""; display: block; clear: both; } @media (max-width: 415px) { .item-list.item-list-row .showonload > a{ width: 100%; } } @media (min-width: 416px) and (max-width: 767px) { .item-list.item-list-row .showonload > a{ width: 50%; } } @media screen and (min-width: 768px) and (max-width:991px) { .item-list.item-list-row .showonload > a{ width: calc(100% / 4); } } @media screen and (min-width: 992px) { .item-list.item-list-row .showonload > a{ width: calc(100% / 6); } }

Download preview