Css 如何在一行中显示两个子项，在第二行中显示第三个子项_Css_Flexbox

Css 如何在一行中显示两个子项，在第二行中显示第三个子项

css

Css 如何在一行中显示两个子项，在第二行中显示第三个子项,css,flexbox,Css,Flexbox,我正在尝试使用flex在第一行显示用户ID和复选标记，在第二行显示文本框。我不能这样做，所以非常感谢您的帮助这就是我得到的： <body> <div style="display:flex; flex-direction:row; width:100%;"> <div>User ID</div> <img style="margin-right:3px; align-self:center;"

我正在尝试使用flex在第一行显示用户ID和复选标记，在第二行显示文本框。我不能这样做，所以非常感谢您的帮助

这就是我得到的：

<body>        
  <div style="display:flex; flex-direction:row; width:100%;">
       <div>User ID</div>
       <img style="margin-right:3px; align-self:center;" src="correct.png" /> 
       <div><input type="text" name="fname"></div> 
  </div>      
</body>


用户ID

这就是我想要的：

我已将

用户id

和

img

放在1

div

中，并使其成为

flex


用户ID

我已将

用户id

和

img

放在1

div

中，并使其成为

flex


用户ID

更改HTML（在