JavaScript를 사용하여 텍스트를 측정하고 적절한 수의 공백을 추가하여 효과적으로 두 열 레이아웃을 <select>에 만들 수 있습니다. 그러나 글꼴 크기에 따라 공백은 너비가 ~ 4 픽셀이므로 한 번에 왼쪽 또는 오른쪽으로 최대 픽셀 수는 column on the right kinda wavers입니다.다른 너비의 공간입니까?
Fixed width은 해결책이 아닙니다. 이 경우에는 실제로 흔들리는 것이 더 좋아 보입니다. 그러나 대체 공간이 더 좋을 것입니다.
흔들림을 줄이기 위해 계산할 수있는 너비가 다른 공간이 있습니까?
다양한 고정 너비 공간이 있지만 글꼴간에 일관되게 작동하지 않습니다.
표 형식의 프레젠테이션이 필요한 경우 표를 사용하십시오. 즉, select 요소 대신 라디오 버튼 집합을 사용합니다. 그런 다음 라디오 버튼 레이블을 두 개의 열로 나눌 수 있습니다 (라디오 버튼을 아마도 자신의 열에 넣을 수 있습니다).
글꼴마다 일관되게 작업 할 필요가 없습니다. 자바 스크립트는 폭의 차이를 감지하고 가능한 경우 이점을 취합니다. 나는 테이블로 전환하기위한 답을 얻는 것보다 내가 사용할 수있는 하나 이상의 공백 문자를 알고 싶다. –
고정 너비 공간에 대한 정보는 유니 코드 표준에서 찾을 수 있지만 글꼴 전체에서 일관되게 작동하지 않으며 실제 문제라는 것을 알 수 있습니다. 우선, 대부분의 글꼴에는 글꼴의 대부분이 포함되어 있지 않습니다. –
글꼴에 문자가 포함되어 있지 않으면 문제가 발생하지만 사용되는 글꼴에 따라 너비가 다른 경우 JavaScript가이를 감지합니다. 여기에있는 목록을 찾았습니다. http://www.cs.tut.fi/~jkorpela/chars/spaces.html –
왜 '선택'상자에 두 개의 열을 표시하려고합니까? – zzzzBov
이것을 바이올린에 넣을 수 있습니까? 그것은 정신 나간 소리. – Mathletics
@zzzzBov : 내가 상상할 수있는 두 가지 정보를 보여줍니다. – Chris