Question

我第一次需要重新设置一些下拉选择菜单。只有他们给我留下了一个问题。我似乎无法让他们与提交图像对齐。有人有任何提示吗？也许我忽视了一些简单的事情。

<body>
            <div class="filterbalk">
                <form>
                    <label>
                        <select style="width: 250px;">
                            <option>Woningtype</option>
                        </select>
                    </label>
                    <label>
                        <select style="width: 250px;">
                           <option>Plaats</option>
                        </select>
                    </label>
                    <label>
                        <select style="width: 90px;">
                           <option value="0">Prijs van</option>
                           <option value="0">0</option>
                           <option value="100">100</option>
                           <option value="200">200</option>
                           <option value="300">300</option>
                           <option value="400">400</option>
                           <option value="500">500</option>
                           <option value="600">600</option>
                           <option value="700">700</option>
                           <option value="800">800</option>
                           <option value="900">900</option>
                           <option value="1000">1000</option>
                        </select>
                    </label>
                    <label>
                        <select style="width: 90px;">
                           <option value="1000000000">Prijs tot</option>
                           <option value="100">100</option>
                           <option value="200">200</option>
                           <option value="300">300</option>
                           <option value="400">400</option>
                           <option value="500">500</option>
                           <option value="600">600</option>
                           <option value="700">700</option>
                           <option value="800">800</option>
                           <option value="900">900</option>
                           <option value="1000">1000</option>
                           <option value="1000000000">1000+</option>
                        </select>
                    </label>
                    <input type="image" src="http://www.wauwwebdesign.nl/problem/buttonFilter.jpg" value="Filter" id="submit">
                </form>
            </div>

HTML和CSS都可以在小提琴中找到。我似乎无法粘贴CSS。

http://jsfiddle.net/5FcLf/

Answer 1

我认为您需要添加的是

#submit {
    display: inline-block;
    vertical-align: top;
}

JSFiddle

然后调整......

重新设定的选择不会排队

1 个答案: