Bagaimana untuk mengira lebar rentetan?

Question

Sebagai contoh

var str = '你好，world'.

Masukkan dalam p, dan p ialah fon 12px. Jadi apakah lebar str?

Jika semuanya adalah aksara Cina, maka tidak mengapa untuk menulis 8em. Boleh ada aksara dan simbol Cina di dalamnya. Bagaimana untuk menanganinya dalam js?

Answer 1

Ini tidak boleh dikira Lebar bukan sahaja berkaitan dengan saiz fon, tetapi juga fon, jarak, dll. Lebih baik bercakap tentang niat anda, saya fikir anda sedang berfikir ke arah yang salah

Answer 2

Menggunakan API measureText() canvas, anda boleh mengiranya dan mencapai kesan anda. Walau bagaimanapun, adalah jelas bahawa menambahnya pada kanvas untuk pengiraan akan menjadi berlebihan dan tidak perlu.
//Mungkin, kalau tambah jarak, memang susah.

Answer 3

Saya mempunyai rancangan, ia sepatutnya berfungsi
Tetapkan p kepada sebaris,
https://jsfiddle.net/afqkt0d1/1/

.

Lebar kandungan kotak elemen sebaris yang tidak boleh diganti ialah (lebar kandungan) kandungan yang diberikan di dalamnya (sebelum pengimbangan relatif semua kanak-kanak)
http://www.ayqy.net/doc/css2-. ..

Ia juga mungkin untuk menetapkan p kepada kedudukan terapung, mutlak atau tetap, yang bersamaan dengan memberikan p sifat pembalut.

Dalam cara lain, pembalut bermaksud membuat elemen blok sebaris Contohnya, lebar lalai bagi teg p adalah 100% dipaparkan, tetapi apabila ia dibalut oleh atribut mutlak, lebar lalai 100% akan menjadi lebar penyesuaian. unsur dalaman

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