水平对齐下拉选择在CSS水平

2016-10-05 66 views -1 likes

-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水平

回答

相关问题