html - 텍스트 영역의 한 줄은 높이가 얼마나됩니까?

Question

텍스트 영역의 한 줄 높이를 알고 싶습니다. 나는 내가 계산을하기를 원하기 때문에 그것을 알고 싶다. 우리는 그것을 알고 있습니까? 아니면 스크립팅을해야합니까?

Answer 1

행의 높이 line-height 의해 설정된다. 예를 들어

: 당신이 12 픽셀의 높이를 가지고 있음을 알게 될 텍스트 영역 요소를 검사하여

textarea { line-height: 1; font-size: 12px; border: none; margin: 0; padding: 0; } 

:

<textarea rows="1">hello world</textarea> 

는 다음을 설정합니다.

또한 사업부의 라인 높이 점점 이 대답에 따라, currentStyle 또는 getComputedStyle를 사용하여 line-height의 값 (또는 양식)를 결정할 수

Answer 2

기본적으로 line-height에 설정된 것과 같습니다. 명시 적으로 설정하거나 설정 대상을 알아 내고 거기에서 이동할 수 있습니다.

Here is an example

Answer 3

:

https://stackoverflow.com/a/4392968/142714

을 jQuery를 사용하는 경우 위의 내용을 요약 한 .css()을 사용할 수 있습니다 (고려해야 할 브라우저 차이가 있음).