我有一个排序列表,其中的< input type =“ text” ...和< button>领域.当我渲染它们时,我将字段分成两行.如何使它们排在同一行?
HTML–
<li>
<input type="text" value="Paste URL here"></input>
<button id="i">Go</button>
</li>
我什至从< li>中删除了它们&将它们放在单独的< div>中没有成功.需要在此处添加哪些CSS来克服此默认行为?
更新:我现在已从有序列表&中删除了这两个标签;将它们放在< div>中.现在看起来像这样-
<div style="display: inline-block">
<input id="url" type="text" value="Paste URL here"></input>
<button id="i" style="font-size:10px; margin:2px;">Go</button>
</div>
对尝试float没有影响:left;或显示:inline-block.
最佳答案
<div style="width: 100%;">
<input type="text" style="float: left; width: 200px;" id="url" value="Paste URL here">
<button style="font-size: 10px; margin: 2px; float: left;" id="i">Go</button>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。