我的頁面在收到來自 API 的價值時會生成物品卡。這是生成卡片的代碼。
$('body > #cards_daily').append('<div class="card"> ' item.items[0].name ' <br> ' item.finalPrice '<img src="https://fortnite-api.com/images/vbuck.png" height="28px">' ' <br> ' '<img id="image" src="' item.items[0].images.icon '"></img>' '</div>');
這是我的 CSS：
.card {
display: flex;
background-color: rgb(148, 148, 150);
width: 250px;
height: 350px;
border-radius: 15px;
padding: 0px 10px;
flex-direction: column;
justify-content: space-around;
align-items: center;
color: white;
font-family: 'Poppins', Arial;
font-size: 20px;
margin: 15px 10px;
text-align: center;
}
我想在 item.finalPrice 之后立即擁有該影像。現在它強制它到下一行，因為卡有 flex-direction: column; 應用于它。有沒有辦法在價格后立即強制使用那個小圖示？您可以在此處查看網站：
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/364138.html