扫码关注官方订阅号
如何才能在 div 的中心显示内容并在右侧显示图标。目前给出的内容如下:
但我希望它是这样的:
上面50%的通知在div的中心,pencil的图标在右边。
div
pencil
.w-100 { width: 100%; }
{value}
您可以使用 Flexbox 来实现此目的...
.w-100 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .img-icon { align-self: end; }
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
您可以使用 Flexbox 来实现此目的...
.w-100 { display: flex; flex-direction: column; justify-content: center; align-items: center; } .img-icon { align-self: end; }