버튼 맞춤에 대한 도움이 필요합니다.

jquery-ui 버튼과 컨트롤 세트를 세로로 정렬하는 데 약간의 문제가 있습니다. 그들은 버튼 바처럼, 옵션 세트를 나타냅니다버튼 맞춤에 대한 도움이 필요합니다.

원하는 결과는 모든 컨트롤은 수직을 중심으로하는 것입니다. 이 예제에서 자동 완성 (입력 및 버튼)이 다른 jquery UI 버튼과 정렬되지 않은 것을 볼 수 있습니다.

.icBoxToolbarInner *{ 
        height: 20px; 
        display: inline-block; 
        vertical-align: middle; 
        }

위의 참고 별표 (*), 그리고 HTML "단추 1"스타일 :

도움이

출처

2011-09-18 ic3

모든 버튼을 한 줄에 넣으시겠습니까? 또는 두 줄의 단추? – Kyle

모든 항목이 잘 정렬 된 한 행 바로 가기 (중앙) – ic3

질문이 더 좋습니까? – ic3

떠 다니는 CSS를 없애려면 괜찮 으면 display:table-cell 스타일링을 사용하면됩니다. 예 :

.icBoxToolbarInner > * { 
    display: table-cell; 
}

실례 : http://jsfiddle.net/william/DeYb8/1/을 참조하십시오. 위치를 학습에 관해서

, 나는 BrainJar에서 CSS Positioning이 위치의 다른 측면을 설명하는 아주 좋은 일을 발견했다. 그것이 충분하지 않다면 Visual formatting model을 공식 W3 권장 사항에서 시도해 볼 수 있습니다. 그 외에도 다양한 유형의 디스플레이 및 박스 모델을 이해하고 있는지 확인하십시오.

출처

2011-09-19 11:39:43

감사합니다. div 위치 정보를 배우기에 좋은 장소를 알고 계시나요, 아니면 js 전문가를 찾을 수있는 좋은 곳입니까? 전자의 경우 – ic3

은 업데이트 된 답변을 참조하십시오. 후자의 경우, 여기에 :) –

감사합니다. 프로젝트에서 몇 달 동안 일할 준비가 된 전문가를 의미합니다. – ic3

을 감상 할 수있다 신속하고 더러운 수정에 CSS의 일부를 변경하는 것 까지 :

style="width:20px; height:12px"

출처

2011-09-18 13:54:56 Neil

버튼 맞춤에 대한 도움이 필요합니다.

답변

관련 문제