将使用CSS将内容居中,并在div的右侧添加其他内容
P粉237029457
P粉237029457 2024-02-21 18:54:39
[CSS3讨论组]

如何才能在 div 的中心显示内容并在右侧显示图标。目前给出的内容如下:

但我希望它是这样的:

上面50%的通知在div的中心,pencil的图标在右边。

.w-100 {
  width: 100%;
}
<div class="w-100">
  <p>{value}</p>
  <img src="https://via.placeholder.com/50" />
</div>

P粉237029457
P粉237029457

全部回复(1)
P粉904405941

您可以使用 Flexbox 来实现此目的...

.w-100 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.img-icon {
  align-self: end;
}

{value}

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号