我如何分組所有具有絕對位置的元素,並將它們集中在一個父級div中?我也將使用jQuery添加和刪除每個元素,並希望它們自動居中。 因此,在我的jsfiddle示例中,我想將所有三張卡片組合在一起。謝謝。css我怎麼能中心多個元素的絕對位置
https://jsfiddle.net/ksha09jk/2/
HTML
<div class='wrap'>
<li class='card card1'>Q</li>
<li class='card card2'>K</li>
<li class='card card3'>A</li>
</div>
CSS
.wrap{
position: relative;
height: 100px;
background-color: green;
}
.card{
width: 43px;
height: 60px;
border:1px solid black;
border-radius: 5px;
display: inline-block;
background-color: white;
}
.card1{
position: absolute;
top:15px;
left: 0px;
}
.card2{
position: absolute;
top:15px;
left: 30px;
}
.card3{
position: absolute;
top:15px;
left: 60px;
}
這就是我要找的。謝謝! – lys916
@ lys916歡迎您) –
有沒有一種方法可以爲每張卡片附上絕對位置?我沒有意識到你已經刪除了你的版本。當我點擊它時,我正在尋找一些定位動畫。 – lys916