公告列表
公告列表
收藏
回答

为什么view用了align-self:center;无法居中？

<view class="search" >
    
 <input placeholder="请输入要搜索的内容"></input>
</view>

.search{
    width: 80vw;
    height: 60rpx;
    display: flex;
    flex-direction: row;
    border: 1px solid slategray;
    border-radius: 40rpx;
    padding-left: 50rpx;
    align-items: center;
    align-self:center;
    
}

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

6 个回答

  • 邰祥
    邰祥
    2020-05-06
    <view class="flex-column">
  <view class="search" >
    <input placeholder="请输入要搜索的内容"></input>
  </view>
</view>

    search 外层加个 view ，设置样式

    .flex-column{
  display: flex;
  flex-direction: column
}
    2020-05-06
    有用 1
    回复 2
    • 哈哈哈叶
      哈哈哈叶
      2020-05-06
      谢谢 我自己改了一下 你这个直接放进去不行 外面在套一个view
      2020-05-06
      赞 1
      回复
    • 果子
      果子
      2021-08-13
      这个有用
      2021-08-13
      赞
      回复
  • 猛男陈阔
    猛男陈阔
    2020-05-06
    justify-content: center;
    2020-05-06
    有用 1
    回复
  • brave
    brave
    2020-05-06
    justify-content: center;
    2020-05-06
    有用 1
    回复
  • 👀
    👀
    2020-05-06

    容器search也就80vw，input宽度占100%，事实上是已经居中，只是容器没居中

    2020-05-06
    有用 1
    回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2020-05-06
    width: 80vw;
height: 60rpx;
display: flex;
flex-direction: row;
border: 1px solid slategray;
border-radius: 40rpx;
padding-left: 50rpx;
justify-content: center; // 垂直居中
align-items: center; // 水平居中


    若认为该回答有用，给回答者点个[ 有用 ]，让答案帮助更多的人

    2020-05-06
    有用 1
    回复 3
  • 天蜂网络
    天蜂网络
    发表于小程序端
    2020-05-06
    绝对
    2020-05-06
    有用
    回复
请 登录 后发表内容
相关问题
相关文档
问题标签
inputplaceholderrect搜索小程序开发组件