我有以下情况:
<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之间的空白区域增加。因此,从用户的角度来看,它看起来像下方的单选按钮正在移动。
我该怎么办?
感谢
答案 0 :(得分:0)
如果不看整体布局,很难说。但是根据我的理解,我会制作第一个跨度display: inline-block
,这将迫使它被视为一行中的一个元素。
答案 1 :(得分:0)
正确的表单布局是他们自己的主题: