通过CSS实现文字跟随图片居中显示

布局:

<div class="left-container">
<img class="img" src="../assets/logo.png">
<div class="title">电商后台管理系统</div>
</div>

样式:

核心属性:vertical-align: middle;

.left-container {
float: left;

.img {
width: 30px;
vertical-align: middle;

}

.title {
display: inline-block;
color: white;

}
}

效果图:

如果觉得文章有帮助到你,可以扫描以下二维码
   请本文作者 喝一杯
pay_weixin pay_weixin

发表评论

电子邮件地址不会被公开。 必填项已用*标注