我正在开发一个B2B网站,该网站有4个不同类别的下拉框,可帮助用户缩小对特定产品的搜索范围。以下是目前的代码:
<tbody><tr class="CategorySearchResults_ItemPropertyRow">
<td class=CategorySearchResults_ItemPropertyName">Brand </td>
<td class=CategorySearchResults_ItemPropertyValue">
<select name="ItemProperty_Brand" onchange="Category_Search_Results_Content.submit();">
<option value="Any Brand">Any Brand</option>
<option value="AC DELCO">AC DELCO</option>
.... and so on for more options and three other boxes...
</tbody>
现在,下拉框垂直堆叠在我的页面底部。我只需要一个脚本,它可以帮助我将下拉框水平重新定位在网页顶部。这个位置就在这张桌子下面:
<table class="Content" border="0" cellpadding="0" cellspacing="0">
...............
<tbody><tr><td><div class="BreadCrumbcategorytree_activepage">
<a class="BreadCrumbcategorytree_parent" href="default.aspx?Page=Home">Home</a>
>> Lubricants and Fluids</div></td></tr>
</tbody></table>
我尝试使用函数按类将元素追加到BreadCrumbcategorytree_parent
的末尾,但我不知道这是否正朝着正确的方向发展。
答案 0 :(得分:0)
CSS也会影响元素在页面上的显示方式。您可以使用浮动将它们并排放置。
select { float:left }
这将使你的所有下拉列表排成行(内联),直到单行上的空格用完并换行。