在相邻输入文本字段之间添加间距：分步指南

Question

如何在并排输入文本字段之间添加间距？

标记区域中所需的空格：

<label for="Std">Start Trade Date</label>
<input type="text" id="Std" name="Std" placeholder="Enter start date">


<label for="End">End trade Date</label>
<input type="text" id="End" name="End" placeholder="Enter end date">

<label for="Fqy">Frequency</label>
<input type="text" id="Fqy" name="Fqy" placeholder="Frequency">

Answer 1

您可以使用类似 display: flex 的 gap 值。

我添加了 wrap 因为当屏幕尺寸/父元素太小时它可以提供帮助。您还可以看到如何保持行和列之间的间隙...

.dispalyFlex {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

  

    Start Trade Date
    
  
  

    End trade Date
    
  
  

    Frequency