我有50%左右伸縮基準(zhǔn)的伸縮容器。 現(xiàn)在，我想實(shí)現(xiàn)左flex有兩個(gè)輸入在第一行，每個(gè)輸入在單獨(dú)的行，如何想出布局？

# # #這里不要使用彈性基礎(chǔ)。簡單的解決方法是給輸入100%的寬度。然后使用:n-child(-n+2)來處理前2個(gè)輸入。給它們一個(gè)不同的寬度，計(jì)算方法是(100% -間隙寬度)/ 2(也適用于:第n個(gè)子代(n + 3)):

:root {
  --gap: 1rem;
}

section {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}

input {
  box-sizing: border-box;
  width: 100%;
}

input:nth-child(-n + 2) {
  width: calc((100% - var(--gap)) / 2);
}

<section>
  <input placeholder="firstname">
  <input placeholder="lastname">
  <input placeholder="email adress">
  <input placeholder="phone number">
</section>