在相鄰輸入文字欄位之間新增間距:逐步指南
P粉759457420
P粉759457420 2024-03-28 13:43:01
0
1
352

如何在並排輸入文字欄位之間新增間距?

標記區域中所需的空格:

<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">

P粉759457420
P粉759457420

全部回覆(1)
P粉511896716

您可以使用類似 display: flexgap a> 值。

我添加了 wrap 因為當螢幕尺寸/父元素太小時它可以提供幫助。您還可以看到如何保持行和列之間的間隙...

.dispalyFlex {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板