問題描述

比如

var str = ’你好，world’.

放到p中，且p是12px的字體，其他條件不考慮。那么str占得寬度是多少呢？

如果都是漢字，那么寫8em是可以的。可以里面有中文和符號，js怎么處理呢？

問題解答

這個算不出來，寬度不僅僅和字號有關，還有字體，間距等等有關。最好說說你的意圖，覺得你考慮的方向不對

用canvas的measureText()API，倒是可以算出來，達到你的效果。但是，很顯然，特定加到canvas里面去算，會顯得多余，多此一舉。//可能，加入間距這些，那就真的不好算了。

我有一計, 應該可行.把 p 設為 inline, https://jsfiddle.net/afqkt0d1/1/

不可替換的內聯元素盒的內容寬度是它里面渲染的內容（的內容寬度）（在所有子級的相對偏移之前）http://www.ayqy.net/doc/css2-...

還有把 p 設為, 浮動或者 absolute, fixed 定位應該也可以, 這樣就相當于讓 p 擁有了包裹性.

包裹性換種說法就是讓元素inline-block化，例如一個p標簽默認寬度是100%顯示的，但是一旦被absolute屬性纏上，則100%默認寬度就會變成自適應內部元素的寬度

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