如何用flex实现姓名电话框布局?

比方说下面这个布局

clipboard.png
一个行里面两个元素,左边是图片形式的文字(如:姓名),右边是一个输入框。

问题是,左边的图标图片的宽不固定,父盒子使用同样的css设置,如何保证右边的input框左边对齐?

阅读 679
评论
    3 个回答
    • 2.5k

    右边固定宽度 左边flex:1

      • 1
      • 新人请关照

      父元素别忘了加display: flex;

        左边最小宽度,右边flex: 1

          撰写回答

          登录后参与交流、获取后续更新提醒