div몇 줄의 텍스트가 포함될 컨테이너를 디자인하고 있습니다. 모든 행은 0-35자를 포함 할 수 있습니다.
div에 고정 너비를 지정해야하지만 문자열의 "폭"을 예측할 수는 없습니다.
문자열의 예 (총 35 자) :
- aeR1riPhah9chaicaegae7oobaiz8eiquoL
- iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
- 다 다 다 35 문자 텍스트와 함께
보다시피, 글리프 "i"는 글리프 "L"보다 좁습니다.
가능한 해결책은 Monospaced 글꼴을 사용하는 것이지만 일부 스타일 제약 조건에서는 Arial (또는 동등한 글꼴)을 사용해야합니다.
아이디어는 가장 큰 글리프가 포함 된 문자열을 고려하여 컨테이너 크기를 조정하는 것이지만 특히 모든 UTF 문자를 고려할 때 가장 큰 글리프가 무엇인지 잘 모르겠습니다.
그것의 W. 당신은 자신이 밖으로 시도해 볼 수도 있습니다 -하지만 당신이보기 :-) 누군가는 이미 일을했다 - stackoverflow.com/questions/3949422/...을 하지만 개인적으로 나는 거의 확실 것 같은 넓은 문자를 주위에 설계하지 않을 35 W를위한 공간을 허용한다면 일반적으로 너무 넓습니다
—
Roger Attrill
타겟 고객을 고려하십시오. 그들은 실제로 아랍어 문자를 사용하게 되나요? 아니면 사용자의 99.9 %가 시간의 99.9 %를 라틴 문자를 사용합니까? 가장 넓은 캐릭터를 한 번에 35 번 수용 할 계획이라면 가장자리 디자인을 위해 나머지 디자인에 영향을 줄 수 있습니다. 렌더링 기능에서 정규 표현식을 실행하여 너비를 추측하는 것이 더 좋습니다. 비 라틴 문자가 너무 많으면 추가 CSS 클래스를 적용하여 해당 행의 글꼴 크기를 줄이십시오.
—
Farray
Farray의 요점에 더하여, █은 일반적으로 넓은 문자 폭을 제공합니다. 또는 M 너비가 고전적인 측정 단위입니다 (따라서
—
user56reinstatemonica8
em). 그것들은 엄격하게 가장 넓지는 않지만 문자열 의 평균 문자가 이것보다 넓다 면 이상한 일이 일어날 것입니다. overflow: auto이와 같은 매우 이상한 경우를 다루어야합니다.
𒈙와 𒐫도 상당히 긴 글리프입니다
—
phuclv