我正在使用 Angular Mat 卡，并且有一個(gè)按鈕，每次單擊該按鈕時(shí)都會(huì)在數(shù)據(jù)庫中創(chuàng)建新卡，但新卡顯示在現(xiàn)有卡的底部，兩者之間沒有任何間隙，所以如果你們可以提供幫助我弄清楚如何制作間隙/邊距，這會(huì)很棒。謝謝這就是現(xiàn)在的樣子這就是我想要的樣子 .clickable { cursor: pointer; } .mat-chip { background-color: #DFDFDF; text-align: left; font: Regular 16px/21px Roboto; letter-spacing: 0.29px; color: #000000DE; opacity: 1; border-radius: 18px; opacity: 1; } .mat-card { margin-left: -10px; padding: 0; margin-bottom: 20px;; width: 350px; height: auto; cursor: pointer; } .chipMargin{ margin-left: 5%; margin-right: 5%; } .mat-chip-list { display: table-row; flex-direction: column; }@media screen and (min-width:768px){.divider { height: 90%; position: absolute; left: 900px; right: 830px; top: 40px; }.column { float: left; width: 950px; padding: 10px; margin-left: 30px; margin-top: 10px; }.column2 { width: 730px; float: right; right: 70px; position: absolute; }.row:after { content: ""; display: table; clear: both; } .inline-block { display: inline-block; }}
1 回答
慕的地10843
TA貢獻(xiàn)1785條經(jīng)驗(yàn) 獲得超8個(gè)贊
你只需要將 margin-bottom CSS 屬性添加到你的卡片中，如下所示：
.mat-card:not(:last-child) {
margin-bottom: 20px;
}編輯：
我仔細(xì)查看了您的代碼，發(fā)現(xiàn)您沒有創(chuàng)建卡片，而是在卡片內(nèi)創(chuàng)建列表項(xiàng)。您的ngFor指令被放置在a標(biāo)簽上。將ngFor指令放在卡片上，或者如果您想創(chuàng)建列表項(xiàng)，請(qǐng)?zhí)砑右韵麓a：
.mat-list-item:not(:last-child) {
margin-bottom: 20px;
}- 1 回答
- 0 關(guān)注
- 77 瀏覽
添加回答
舉報(bào)
0/150
提交
取消