文字列の幅を計算するにはどうすればよいですか?

Question

＃＃＃例えば＃＃＃ リーリー pには

が入り、pは12pxフォント、その他の条件は考慮されません。では、strの幅はどれくらいでしょうか？

すべて漢字の場合は 8em と書いても大丈夫です。漢字や記号が入っている場合がありますが、jsでどう対処すればよいでしょうか？

Answer 1

これは、幅はフォントサイズだけでなく、フォント、間隔などにも関係します。自分の意図を話すのが最善です

あなたは間違った方向に考えていると思います。

Answer 2

キャンバスのmeasureText() APIを使用すると、計算して効果を実現できます。ただし、計算のためにキャンバスに追加するのは冗長で不要であることは明らかです。
//もしかしたら、スペースを入れるとすごく難しくなるかもしれません。

Answer 3

計画はあるので、うまくいくはずです。
p をインラインに設定します。
https://jsfiddle.net/afqkt0d1/1/

置換不可能なインライン要素ボックスのコンテンツ幅は、その中にレンダリングされるコンテンツ (すべての子の相対オフセットの前) です
http://www.ayqy.net/doc/css2-。 ..

p を float、absolute、または固定位置に設定することもできます。これは、p にラッピング プロパティを与えるのと同じです。

別の言い方をすると、ラップとは要素をインラインブロックにすることを意味します。たとえば、p タグのデフォルトの幅は 100% 表示されますが、absolute 属性によってラップされると、100% のデフォルトの幅がアダプティブの幅になります。内部要素

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