CSS에서 가로로 정렬 드롭 다운 선택

-1

3 개의 드롭 다운과 2 개의 버튼이있는 양식이 있습니다. 하지만 3 개의 드롭 다운과 2 개의 버튼을 수평으로 정렬 할 수는 없습니다. 각 드롭 다운과 버튼에 margin-top과 margin-left를 넣으려고했지만 Mozilla와 Macbook Chrome과 같은 다른 브라우저에서 볼 때 html 요소가 엉망이되었습니다.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

(드롭 다운의 버튼) 당신이 그들의 상단 정렬 및 측면 정렬을 설정할 수 있습니다

여기에 전체 CSS입니다.

예 :

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

출처

2016-10-05 09:39:14

나는 것을 시도했다, 그러나 나는 모질라/사파리에서 볼 때 UI는 사용자가 응답 페이지를 만들기로 보면 – User014019

가가에 같은 장소 상대를 유지한다 엉망이됩니다 브라우저의 해상도 –

하지만 그게 무슨 일이 아니야. Mac Chrome에서 확인하면 html 요소가 지저분 해집니다. Firefox와 동일 – User014019

CSS에서 가로로 정렬 드롭 다운 선택

답변

관련 문제