将使用CSS将内容居中，并在div的右侧添加其他内容-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

将使用CSS将内容居中，并在div的右侧添加其他内容

P粉237029457 2024-02-21 18:54:39

[CSS3讨论组]

727

如何才能在 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

全部回复(1)

P粉9044059412024-02-22 16:46:16 1楼

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

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

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


  {value}

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

PHP学习

技术支持

返回顶部