HTML – 如何让两个下拉列表并排显示？_html-js-css

概述我一直试图让两个下拉列表并排显示,但无法弄清楚.要设置什么CSS元素属性来执行此 *** 作.我必须以下列格式显示它： [company] [mobile] 代替 [company][mobile] 有3对这样的对.另外,这两对选择投放箱似乎并不符合其划分. <html> <head> <style> body { background-image:url('gradient1.j 我一直试图让两个下拉列表并排显示,但无法弄清楚.要设置什么CSS元素属性来执行此 *** 作.我必须以下列格式显示它：

[company]     [mobile]

代替

[company][mobile]

有3对这样的对.另外,这两对选择投放箱似乎并不符合其划分.

<HTML> <head> <style> body {  background-image:url('gradIEnt1.jpg');  background-repeat:repeat-x; } .ex {  margin:auto;  wIDth:90%;  padding:10px;  border:outset; } select {  display:inline;  cursor:pointer; }.ey {  display:inline; } .gap {  clear:both;  margin-bottom:2px;  } </style> </head> <body><div >    <form ID='dd1.mob1' name='dd1.mob1' method='post' action=' '>           <p><label>Select Company</label></p><br/>        <select onchange=filter.submit() name='dd1mob1' ID='dd1mob1'>            <option>1</option>            <option>2</option>" . $options . "        </select>    </form>    <form  ID='dd2.mob1' name='dd2.mob1' method='post' action=''>         <p><label>Select Mobile</label></p><br/>        <select onchange=filter.submit() name='dd2mob1' ID='dd2mob1'>            " . $options . "        </select>    </form></div><div   >    <form  ID='dd1.mob2' name='dd1.mob2' method='post' action=' '>          <p><label>Select Company</label></p><br/>        <select onchange=filter.submit() name='dd1mob2' ID='dd1mob2'>            <option>1</option>            <option>2</option>" . $options . "        </select>    </form>    <form  ID='dd2.mob2' name='dd2.mob2' method='post' action=''>         <p><label>Select Mobile</label></p><br/>        <select onchange=filter.submit() name='dd2mob2' ID='dd2mob2'>            " . $options . "        </select>    </form></div><div  >    <form  ID='dd1.mob3' name='dd1.mob3' method='post' action=' '>          <p><label>Select Company</label></p><br/>        <select onchange=filter.submit() name='dd1mob3' ID='dd1mob3'>            <option>1</option>            <option>2</option>" . $options . "        </select>    </form>    <form  ID='dd2.mob3' name='dd2.mob3' method='post' action=''>         <p><label>Select Mobile</label></p><br/>        <select onchange=filter.submit() name='dd2mob3' ID='dd2mob3'>            " . $options . "        </select>    </form></div>    </body>    </HTML>

解决方法试试这个 – Example

.ey {  display:inline-block; } form{    display:inline-block;}

有关display的详细解释,请参阅此主题：inline-block;

What is the difference between display: inline and display: inline-block?

总结

以上是内存溢出为你收集整理的HTML – 如何让两个下拉列表并排显示？全部内容，希望文章能够帮你解决HTML – 如何让两个下拉列表并排显示？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1042664.html

HTML – 如何让两个下拉列表并排显示？

发表评论

评论列表（0条）