收藏
回答

如何让view内的文字居中对齐?

框架类型 终端类型 微信版本 基础库版本
小程序 工具 6.6 1.02

比如:

<view style="height:40px; width:100px; background-color:yellow">文字</view>

我希望文字能在放置在view的中间位置(目前是靠左对齐),如何实现?

回答关注问题邀请回答
收藏

3 个回答

  • 梦幻星空
    梦幻星空
    2022-03-15
    view{            //如果写class了,改成自己定义的
      display: flex;
      justify-content: center; //水平居中
      align-items: center;    //垂直居中
    }
    


    2022-03-15
    有用
    回复
  • 红烧鱼排
    红烧鱼排
    2018-01-25

    官方推荐使用flex布局:

    .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 200rpx 0;
    box-sizing: border-box;
    }

    你可以设置flex和align-items即可

    2018-01-25
    有用
    回复
  • 约定
    约定
    2018-01-25

    text-align:center;文本居中对齐你没有加?

    2018-01-25
    有用
    回复
登录 后发表内容