문자열 너비를 계산하는 방법은 무엇입니까?

Question

예를 들어

으아악

p에 넣으면 p는 12px 글꼴이고 다른 조건은 고려되지 않습니다. 그렇다면 str의 너비는 얼마입니까?

모두 한자라면 8자 정도 써도 괜찮습니다. 거기에 한자와 기호가 포함될 수 있습니다. JS에서는 어떻게 처리하나요?

Answer 1

폭은 계산할 수 없습니다. 글꼴 크기뿐만 아니라 글꼴, 간격 등과도 관련이 있습니다. 의도에 대해 이야기하는 것이 가장 좋습니다. 잘못된 방향으로 생각하고 있는 것 같습니다

Answer 2

캔버스의 MeasureText() API를 사용하면 이를 계산하고 효과를 얻을 수 있습니다. 그러나 계산을 위해 캔버스에 추가하는 것은 중복되고 불필요하다는 것은 명백합니다.
//아마도 띄어쓰기를 추가하면 정말 어려울 것 같아요.

Answer 3

계획이 있습니다.
p를 인라인으로 설정하세요.
https://jsfiddle.net/afqkt0d1/1/

대체 불가능한 인라인 요소 상자의 콘텐츠 너비는 그 안에 렌더링된 콘텐츠(모든 하위 요소의 상대 오프셋 전)
http://www.ayqy.net/doc/css2-입니다. ..

p를 부동, 절대 또는 고정 위치로 설정하는 것도 가능합니다. 이는 p에 래핑 속성을 부여하는 것과 같습니다.

다른 방법으로 래핑은 요소를 인라인 블록으로 만드는 것을 의미합니다. 예를 들어 p 태그의 기본 너비는 100% 표시되지만 절대 속성으로 래핑되면 100% 기본 너비가 적응형 너비가 됩니다. 내부 요소

http://www.zhangxinxu.com/wor...