收藏
回答

如何将text组件以及image放在同一行

问题模块 框架类型 问题类型 终端类型 微信版本 基础库版本
框架 小程序 需求 工具 latest 2.20

请问各位大佬如何将这三个内容以  “< > with ❤️in TMC” 显示?

wxml:

<image src='/images/icon/字体代码 (1).png'        style="width:28rpx;height:28rpx">
     </image>
     <text class="copyright">with in TMC
     </text>
     <image style="width:28rpx;height:28rpx"  class="copyrightp" mode="" src = '/images/icon/爱心 _实心 (1).png' >
     </image>

wxss:

.copyright {
  font-size: 28rpx;
  color: #999;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30rpx;
  text-align: center;
   
}
.copyrightp{
 position: around;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30rpx;
  align-items: around
}


最后一次编辑于  07-30
回答关注问题邀请回答
收藏

4 个回答

  • Andy-LZH
    Andy-LZH
    07-30

    谢谢大家的指导,现在已经可以这样了

    再请教一下大佬们,如果用flex布局的时候,我想把两个icon的间距 变成这样  < > with ❤️by Andy....,需要如何布局呢?用了space-evenly,也不太对。谢谢各位了

    07-30
    赞同
    回复
  • lee
    lee
    07-30

    在最外面套一个大盒子 用

    display: flex;

    align-items: center;

    就可以一行居中了

    07-30
    赞同
    回复 2
    • Andy-LZH
      Andy-LZH
      07-30
      感谢,我现在就去尝试,谢谢呀
      07-30
      回复
    • lee
      lee
      07-30
      没事
      07-30
      回复
  • Fr. N.
    Fr. N.
    07-30

    兄dei,赶紧去百度一下flex布局,为以后的grid布局打打基础

    07-30
    赞同
    回复 1
    • Andy-LZH
      Andy-LZH
      07-30
      好的谢谢兄dei
      07-30
      回复
  • 铭锋科技
    铭锋科技
    07-30

    试下flex布局

    07-30
    赞同
    回复 3