引入阿里此量表 图标居上了 怎么让图标跟 文字内容一起居中
时间: 2023-11-28 21:50:17 浏览: 54
iOS中UILabel设置居上对齐、居中对齐、居下对齐及文字置顶显示
要让图标和文字内容一起居中,可以使用CSS的flex布局。具体操作如下:
1. 给父元素添加display: flex;和align-items: center;属性,使其成为flex容器,并且让子元素在纵向方向居中对齐。
2. 给图标元素和文字内容元素都添加margin: auto;属性,让它们在横向方向上居中对齐。
示例代码如下:
```
<div class="container">
<i class="icon"></i>
<span class="text">文字内容</span>
</div>
<style>
.container {
display: flex;
align-items: center;
}
.icon,
.text {
margin: auto;
}
</style>
```
这样设置之后,图标和文字内容就会一起居中了。你可以根据自己的实际情况进行调整。
阅读全文