收藏
回答

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

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

6 个回答

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

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

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

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

    06-05
    有用 1
    回复
  • 默认²⁰²⁰
    默认²⁰²⁰
    06-05

    弹性盒

    06-05
    有用 1
    回复
  • Beard Yound་ཅ་
    Beard Yound་ཅ་
    06-05

    display: flex;

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

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

    //父级样式

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

    flex了解一下

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

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

    类似图片那种效果

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