html code 페이징 처리에 대해 질문드립니다.

Question

Measure Text Width

위는 예제코드입니다.id="redbox"의 크기가 100,100으로 정해져 있습니다.하지만 실제 결과는 저 redbox를 채우다가 overflow해서 밑으로 내려갑니다. text의 내용을 font-size가 적용된 상태인데, 이때 사이즈를 체크하여 정확히 저 박스만큼만 채울 수 있는 text의 글자 수를 아는 방법이 있을까요? 이리저리 시도해보다가 안되서.. 고수분들께 자문을 구합니다.

shintwl · Answer

높이는 텍스트에 line height 속성 부여하고 100/(lineHeight) 로 row 수 계산 가능할 것 같은데너비는 글자마다 width가 달라서 어렵네요

최은영 · Answer

혹시 해당 영역에 벗어날 만큼 텍스트가 길다면 그거 내용을 자르시려고 하시는건가요?CSS로 말줄임 효과가 있는걸로 알고있는데 그런 기능을 찾아보심이 어떠실런지요.

html code 페이징 처리에 대해 질문드립니다.

2개의 답변

Q&A 목록