一排 8 張圖片,隱藏右側幾張後,剩餘圖片自動向右靠齊。
.floatright img { float: right; margin-left: 5px; }容器寬度足夠時,圖片會從右向左排列;隱藏 DOM 節點(`display:none`)後,剩餘元素自動重排,無需 JS 干預。
<div class="floatright">
<img src="1.jpg"/> ... <img src="8.jpg"/>
</div>
<script>
setTimeout(() => {
$('div.floatright img:eq(3), div.floatright img:eq(2)').hide();
}, 1000);
</script>