Bagaimana saya boleh memaparkan kandungan di tengah-tengah div dan ikon di sebelah kanan. Kandungan yang diberikan pada masa ini adalah seperti berikut:
Tetapi saya harap ia seperti ini:
Pemberitahuan 50% di atas terdapat pada ikon div的中心，pencil di sebelah kanan.
.w-100 {
width: 100%;
}
<div class="w-100">
<p>{value}</p>
<img src="https://via.placeholder.com/50" />
</div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Anda boleh menggunakan Flexbox untuk mencapai ini...
.w-100 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .img-icon { align-self: end; }