收藏
回答

如何让text ,input ,button 对齐显示在一行呢?

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

6 个回答

  • 鹏宇zero
    鹏宇zero
    2020-06-05
    display: flex;// 弹性盒
    flex-direction: row;// 水平方向
    align-items: center;// 方向的垂直方向(竖直方向)居中
    
    

    你可能还需要规定 button 、text、input 的高度。使点击范围变大。

    height: 100rpx;// 控件高度
    line-height: 100rpx;// 行高和控件高度一致
    text-align: center;// 文字居中显示
    
    2020-06-05
    有用 3
    回复 1
    • Doer
      Doer
      2020-06-05
      谢谢,很详细
      2020-06-05
      回复
  • 八九
    八九
    2020-06-05

    flex 弹性盒 小程序用得很多 可以了解下

    2020-06-05
    有用 1
    回复
  • 默
    2020-06-05

    弹性盒

    2020-06-05
    有用 1
    回复
  • H1HAO 🇨🇳
    H1HAO 🇨🇳
    2020-06-05

    display: flex;

            justify-content: center;//水平居中

            align-items: center;//催子居中

    //父级样式

    2020-06-05
    有用 1
    回复 1
    • Doer
      Doer
      2020-06-05
      感谢
      2020-06-05
      回复
  • 祺爸💎
    祺爸💎
    2020-06-05

    flex了解一下

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

    2020-06-05
    有用 1
    回复
  • Doer
    Doer
    2020-06-05

    类似图片那种效果

    2020-06-05
    有用
    回复
登录 后发表内容
问题标签