我試圖使盒子更小并且彼此相鄰，以便為整個部門采用“盒子-盒子-盒子”的形式，但是，我不知道如何處理它。我知道如何通過單獨編碼每個文本來做到這一點，但我想知道是否有更快的方法。任何幫助，將不勝感激。
<div class="name">
<label class="yyyy"></label>
<input type="text" class="year" id="Project Name" placeholder="YYYY"> _
<label class="sitee"></label>
<input type="text" class="site" placeholder="Site" id="Project Name"> _
<label class="GG"></label><input type="text" class="gg" id="Project Name" placeholder="GG"> _
<label class="projectn"></label><input type="text" class="pn" id="Project Name" placeholder="Project Name"> _
<label class="amountt"></label>
<input type="text" class="amount" id="Project Name" placeholder="Amount"> _
<label class=money></label>
<input type="text" class="CCC" id="Project Name" placeholder="CCC">
</div>uj5u.com熱心網友回復：
給他們一個寬度
還要在輸入周圍包裹標簽并洗掉空格，然后我們可以使用::before除最后一個之外的所有內容添加下劃線
.name input { width:45px }
.name label label::before { content: "_" }<div class="name">
<label class="yyyy"><input type="text" class="year" id="Project Name" placeholder="YYYY"></label><label
class="sitee"><input type="text" class="site" placeholder="Site" id="Project Name"></label><label
class="GG"><input type="text" class="gg" id="Project Name" placeholder="GG"></label><label
class="projectn"><input type="text" class="pn" id="Project Name" placeholder="Project Name"></label><label
class="amountt"><input type="text" class="amount" id="Project Name" placeholder="Amount"></label><label
class=money><input type="text" class="CCC" id="Project Name" placeholder="CCC"></label>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/358603.html
標籤：javascript html css 文本 风格
上一篇：如何使用JS增加范圍輸入