我正在 HTML 网页上设计一个页脚,上面有一个单选表单。我在页脚 div 中有一些按钮,使用 <center>
居中.没有表格,它可以 100% 工作。如果不使用 float: right;
,我无法让表单显示在其他按钮旁边在样式表中。当我使用 float 时,它与 div 中的其余按钮不一致。我试过设置固定高度,但我希望它是动态的。那么我怎样才能让表单显示在链接旁边,就像链接彼此相邻显示一样?
JSFiddle:https://jsfiddle.net/o78s2s18/
图表:
最佳答案
您可以将两组元素放在各自的 <div>
中并将它们都 float 到左侧。
<div style="float:left;">
<a id="BtnStyle" href="example.com">10 Views</a>
<a id="BtnStyle" href="http://mirum.weebly.com/">About</a>
<a id="BtnStyle" href="http://SD-Storage.weebly.com/#MirumFooter">SD-Storage</a>
</div>
<div style="float:left">
<form action="#" width="200px" class="ThemeSelector">
<input name="group1" type="radio" id="test1" class="red" />
<label for="test1">Test 1</label>
<br>
<input name="group1" type="radio" id="test2" class="red" />
<label for="test2">Test 2</label>
</form>
</div>
关于html - 表单不在按钮旁边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38905637/