你可以按照以下方式修改样式,以纵列显示,图片在右边,文字信息在图片的左边,并将tabTitle并列显示:
<style>
.box1 {
display: flex;
flex-direction: column;
}
.box2 {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.shang {
margin-right: 10px;
}
.xia {
flex-grow: 1;
}
.title {
font-size: 14px;
font-weight: bold;
margin-bottom: 6px;
}
.source-ptime {
font-size: 12px;
color: #999999;
}
.nav {
display:flex;
justify-content:center;
align-items:center;
background-color:#f2f2f2;
height:auto
}
.nav-list{
width:33.333%;
text-align:center
}
</style>
这样修改后的样式将会使得box2中的图片位于右侧,文字信息位于左侧。并且tabTitle会以并列方式水平显示。
希望这能帮助到你!
内容由零声教学AI助手提供,问题来源于学员提问




