我需要帮助来理解为什么我无法使用此代码在同一行上获取两个元素

问题描述 投票:0回答:1

我试图将 2 个对象内联,但配置文件总是转到下一行。

.wrapper1 {
  display: flex-inline;
  align-items: left;
}

.comment-profile-pic {
  border-radius: 50%;
  width: 50px;
}
<div class="wrapper">
  <form action="process_form.php" method="post">
    <div id="wrapper1">
      <input type="text" id="email" name="email" style="width: 300px;" placeholder="Enter your         login email">
      <input type="image" id="image" alt="Login" src="images/enter25.png" />
    </div>
  </form>
<div/>

输出

尝试将 Flex 更改为内联,仅 Flex 以及我可以尝试的大多数其他方法,移动行来打乱 div。已经2天了。

flexbox wrapper
1个回答
0
投票

你可以简单地做

.wrapper1 {
  display: flex;
  gap: 20px
}

它应该为您提供单行中的元素

© www.soinside.com 2019 - 2024. All rights reserved.