2013-06-14 4 views
0

현재 모든 문자의 너비와 높이가 같은 페이지를 만들려고합니다.CSS에서 문자의 너비와 높이를 설정하는 방법

+0

글꼴 크기를 의미합니까? – 22kar

+0

[font-size] (https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)? – Vucko

+0

아니요 각 문자를 10px로 10px로 만들고 싶습니다. 글꼴 크기를 지정해도 글꼴이 모든 문자에 대해 동일한 너비를 가지지 않는 경향이 있습니다. – user2464246

답변

2

당신은 할 수 없어,하지만 당신은 고정 폭 글꼴을 사용하여 원하는 높이를 설정할 수 있습니다

#something { 
    font: (the height you want it to be)px monospace; 
} 

Here is a fiddle.

그것은 다음과 같이 표시됩니다
image

+0

모노 스페이스 란 무엇을 의미합니까? – user2464246

+0

@ user2464246 각 글자의 너비가 같음을 의미합니다. (내 편집 참조, 이미지 추가) – Doorknob

+0

'font-size'를 설정하면 글꼴의 높이가 설정됩니다. 문자의 높이는 다양하며 일반적으로 글꼴 높이보다 작습니다. 글꼴을 고정 폭 글꼴로 설정하면 문자의 너비를 미리 설정할 수 있습니다. 문자의 너비는 다양합니다. 그리고 사전 너비와 글꼴 크기 간의 관계는 글꼴에 따라 다릅니다 (글꼴 디자이너가 설정). –

0

을 모든 문자에 대해이 작업을 수행하려면 모노 공간 글꼴을 사용하고 글꼴 크기를 1em으로 설정해야합니다. em은 글꼴과 크기에서 문자 'm'의 너비와 같습니다. 모든 글자는 같은 너비입니다. 높이와 너비가 같아야합니다.

0
* { 
    font-family: monospace; 
    font-size: 10px; 
    letter-spacing: 4px; 
    line-height: 10px; 
} 

이렇게하면 모든 텍스트의 높이, 간격 및 가족이 동일해야합니다.

관련 문제