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

Question

예를 들어, {code...}는 div에 배치되고 div는 12px 글꼴입니다. 다른 조건은 고려되지 않습니다. 그렇다면 str의 너비는 얼마입니까? 모두 한자로 되어 있다면 8em 을 써도 괜찮습니다. 거기에 한자와 기호가 포함될 수 있습니다. JS에서는 어떻게 처리하나요?

黄舟 · Answer

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

欧阳克 · Answer

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

三叔 · Answer

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

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

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

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

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