각 단추에 대해 대부분 단일 문자로 구성된 단추 집합이 있습니다. 버튼 중 하나에 이미지가 있습니다. 불행히도 이미지가 포함 된 버튼은 버튼 세트의 나머지 이미지와 올바르게 정렬되지 않으며 올바른 높이가 아닙니다. 스크린 샷이 필요한 경우이를 제공 할 수 있습니다.이미지에 Jquery 단추 세트 크기 문제가 있습니다.
Here is a jsFiddle 정확하게 내가 가진 이슈를 나타냅니다. 가급적이면 어떤 크기의 이미지에서도 작동하는 솔루션을 원합니다.
그래서 결국 알아 냈습니다. vertical-align 속성이 기준선으로 설정되었으므로이 값을 top으로 변경했습니다. 또한이 CSS 스 니펫을 사용하여 버튼 내부의 모든 이미지를 나머지 버튼의 크기로 변경했습니다.
span.ui-button-text > img{
height: 1.1em; // This is jQuery UI default font-size for buttons.
}
문제가 무엇인지 알 수 있는지 잘 모르겠습니다. Fiddle 을 사용하고 코드를 삽입하면 문제가 무엇인지 또는 앞에서 설명한 것처럼 스크린 샷을 볼 수 있습니다. CSS와 관련이 있다면 해당 특정 케이스에 대한 세로 맞춤 속성에 대한 내 기회를 얻겠습니까? 그래도 나는 벗어날 수 있습니다.
작동 방식을 포함하도록 질문을 업데이트했습니다. – Vap0r