如何在两个< input>之间添加空格使用CSS的线？ [英] How can I add spaces between two <input> lines using CSS?

问题描述

我想用CSS控制布局。我如何使用CSS来控制< input> 元素（我希望它们是两行）之间的空格？

<

 < form name =publishid =publishaction =publishprocess.phpmethod =post>标题：< input type =textid =titlename =titlesize =60maxlength =110value =<？php echo $ title？> <峰; br /> < div>联系人< input type =textid =contactname =contactsize =24maxlength =30value =<？php echo $ contact？> />< / DIV><峰; br />任务描述（您可以包括任务描述，对投标人的要求，时间要求等）：< br /> < textarea name =detailid =detailrows =7cols =60style =font-family：Arial，Helvetica，sans-serif><？php echo $ detail？> < / textarea的> <峰; br /><峰; br />价格< input type =textid =pricename =pricesize =10maxlength =20value =<？php echo $ price？> /><峰; br /> <标签> Skill or Knowledge Tags< / label>< br />< input class =tagvalidatetype =textid =tagname =tagsize =40maxlength =60value = <？php echo $ tag？> /> < br>< label>将多个单词合并为单个单词，空格分隔多达3个标签< br />（例如：photoshop量子物理计算机编程）< / label>< br / ><峰; br />区限制：<？php echo $ locationtext。$ cityname; ？><峰; br /><峰; br /> < input type =submitid =submitvalue =submit/>< / form>  

p>

正如你看到的，我使用< br /> 来分隔元素并获得空格，是否有更好的方法要做到这一点？

解决方案

  #detail {margin-bottom：5px;} 
  

I want to control the layout with CSS. How can I regulate the spaces between <input> elements(I hope they are on two lines) using CSS?

<form name="publish" id="publish" action="publishprocess.php" method="post">
  Title:<input type="text" id="title" name="title" size="60" maxlength="110" value="<?php echo $title ?>" <br/>
  <div>Contact<input type="text" id="contact" name="contact" size="24" maxlength="30" value="<?php echo $contact ?>" /></div><br/> Task description(You may include task description, requirements on bidders, time requirements,etc):<br/>
  <textarea name="detail" id="detail" rows="7" cols="60" style="font-family:Arial, Helvetica, sans-serif"><?php echo $detail ?></textarea>

  <br/><br/> price <input type="text" id="price" name="price" size="10" maxlength="20" value="<?php echo $price ?>" /><br/>
  <label> Skill or Knowledge Tags</label><br/><input class="tagvalidate" type="text" id="tag" name="tag" size="40" maxlength="60" value="<?php echo $tag ?>" />
  <br/><label>Combine multiple words into single-words, space to separate up to 3 tags<br/>(Example:photoshop quantum-physics computer-programming)</label><br/><br/> District Restriction:
  <?php echo $locationtext.$cityname; ?><br/><br/>

  <input type="submit" id="submit" value="submit" /></form>

As you see, I use <br/> to separate elements and get spaces, is there a better way to do it?

解决方案

#detail {margin-bottom:5px;}

这篇关于如何在两个&lt; input&gt;之间添加空格使用CSS的线？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！