水平對齊下拉選擇在CSS水平

-1

我有一個3下拉和2個按鈕的形式。但我無法水平對齊3個下拉和2個按鈕。我試圖在每個下拉列表和按鈕中留下頁邊空白和頁邊空白，但是當我在其他瀏覽器（如Mozilla和Macbook Chrome）中查看時，html元素被搞亂了。水平對齊下拉選擇在CSS水平

如何解決這個問題？

下面是完整的CSS：https://jsfiddle.net/mj9okkzd/5/

#sl_form { 
    width: 100%; 
    border: 1px solid #CCC; 
    background: #FFF; 
    box-shadow: 0 0 2px rgba(0,0,0,0.3); 
    border-radius: 3px; 
    padding: 1em 0.75em 1.25em 0.75em; 
}

所需的輸出：

來源

2016-10-05 User014019

對於每一個元素（下拉的和按鈕），你可以設置自己頂路線和側面對齊。

例子：

margin-left: Distance in px 
margin-top: Distance in px

來源

2016-10-05 09:39:14

我試過了，但是當我在Mozilla/Safari瀏覽器，查看它的UI會搞砸 – User014019

如果你考慮讓你的頁面響應它應該保持相對相同的地方瀏覽器的分辨率爲 –

但事實並非如此。當我在Mac Chrome中檢查它時，html元素變得混亂。與Firefox相同 – User014019

水平對齊下拉選擇在CSS水平

回答

相關問題