Jak mohu změnit text, krabice rozměr v celé divizi?

Question 1

Snažím se, aby se krabice menší a vedle sebe být ve formě "box-box-box" pro celou divizi, ale nejsem si jistý, jak k tomu přistoupit. Mám nápad, jak to udělat tím, že kódování každého textu individuálně, ale napadlo mě, jestli není rychlejší způsob. Jakýkoliv pomoci chtěl bych být ocenil.

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

Question 2

Jen jim dej šířka

Také zabalit štítky kolem vstupní a odstranit mezery, pak můžeme použít ::before přidat podtržítko na všechny, ale poslední

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

mplungjan · Answer 1 · 2021-11-17T14:44:49

Jen jim dej šířka

Také zabalit štítky kolem vstupní a odstranit mezery, pak můžeme použít ::before přidat podtržítko na všechny, ale poslední

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

Jak mohu změnit text, krabice rozměr v celé divizi?

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii