84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
如何才能在 div 的中心顯示內容並在右側顯示圖示。目前給出的內容如下：
但我希望它是這樣的：
上面50%的通知在div的中心，pencil的圖示在右邊。
div
pencil
.w-100 { width: 100%; }
<div class="w-100"> <p>{value}</p> <img src="https://via.placeholder.com/50" /> </div>
您可以使用 Flexbox 來實現此目的...
.w-100 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .img-icon { align-self: end; }
{value}
您可以使用 Flexbox 來實現此目的...
.w-100 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .img-icon { align-self: end; }