如何获得退出移动的选项

时间:2011-08-04 17:40:41

标签: html

我有以下情况:

<span>
      <input checked="checked" id="rad" name="rad" type="radio" value="1" /> Opt1
      <br />
      <input id="rad" name="rad" type="radio" value="2" /> Opt2 
</span>

 <span>   
        <button id="btn">Find</button>  
 </span>

加载表单后,该按钮不可见。当用户点击选项按钮(rad)时,btn按钮变为可见。

完美无缺,但有一个例外。当按钮出现时,它使第2行的大小更大,并且opt1和opt2之间的空白区域增加。因此,从用户的角度来看,它看起来像下方的单选按钮正在移动。

我该怎么办?

感谢

2 个答案:

答案 0 :(得分:0)

如果不看整体布局,很难说。但是根据我的理解,我会制作第一个跨度display: inline-block,这将迫使它被视为一行中的一个元素。

答案 1 :(得分:0)

正确的表单布局是他们自己的主题:

http://www.alistapart.com/articles/prettyaccessibleforms