Comment calculer la largeur d'une chaîne ?

Question

Par exemple, {code...} est placé dans un div et le div est une police de 12 px. Les autres conditions ne sont pas prises en compte. Alors, quelle est la largeur de str ? S'il s'agit uniquement de caractères chinois, vous pouvez alors écrire 8em. Il peut contenir des caractères et des symboles chinois. Comment gérer cela en js ?

黄舟 · Answer

Cela ne peut pas être calculé. La largeur n'est pas seulement liée à la taille de la police, mais aussi à la police, à l'espacement, etc. Il est préférable de parler de vos intentions. Je pense que vous pensez dans la mauvaise direction

.

欧阳克 · Answer

En utilisant l'API MeasureText() de Canvas, vous pouvez le calculer et obtenir votre effet. Cependant, il est évident que l’ajouter au canevas pour le calcul sera redondant et inutile.
//Peut-être que si vous ajoutez de l'espacement, ce sera vraiment difficile.

三叔 · Answer

J'ai un plan, ça devrait fonctionner
Réglez p sur inline,
https://jsfiddle.net/afqkt0d1/1/

La largeur du contenu d'une boîte d'élément en ligne non remplaçable est (la largeur du contenu de) le contenu rendu à l'intérieur (avant le décalage relatif de tous les enfants)
http://www.ayqy.net/doc/css2-. ..

Il est également possible de définir p sur un positionnement flottant, absolu ou fixe, ce qui équivaut à donner à p la propriété d'emballage.

D'une autre manière, l'habillage signifie créer des éléments en bloc. Par exemple, la largeur par défaut d'une balise p est affichée à 100 %, mais une fois qu'elle est enveloppée par l'attribut absolu, la largeur par défaut de 100 % deviendra la largeur de l'adaptatif. élément interne

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