我添加 :hover with margin-top: -5px 到 *ngFor 串列中的 div，它作業正常，但是當我將滑鼠懸停在每一行的最后一個 div 上時，這會使下一行的第一個 div 向下推其他 div，同時第一個 div 移動到懸停 div 下的最右側。
所有 div 都具有相同的高度，如何修復它以便最后一個 div 懸停在一行上不會影響另一行的 div？
這是我的示例代碼：
.divcard {
width: 24%;
margin-left: 0.8%;
height: 420px;
float: left;
background-color: rgb(246, 246, 246);
transition: ease 0.5s;
}
.divcard:hover {
margin-top: -5px;
}<div *ngFor="let del of item">
<div class="divcard">
<img class="cover" [src]="del.myimg" />
</div>
</div>uj5u.com熱心網友回復：
margin創造空間，你可以用它transform: translateY(-5px)代替。
編輯：瀏覽器在不影響布局的情況下呈現變換
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/314372.html
上一篇：Python中的串列切片與索引？
下一篇：檢查元素是否已經在串列中