文章詳情頁
javascript - 如何計算字符串寬度？
瀏覽：159日期：2023-09-01 09:05:03
問題描述
比如
var str = ’你好，world’.
放到p中，且p是12px的字體，其他條件不考慮。那么str占得寬度是多少呢？
如果都是漢字，那么寫8em是可以的。可以里面有中文和符號，js怎么處理呢？
問題解答
回答1：這個算不出來，寬度不僅僅和字號有關，還有字體，間距等等有關。最好說說你的意圖，覺得你考慮的方向不對
回答2：用canvas的measureText()API，倒是可以算出來，達到你的效果。但是，很顯然，特定加到canvas里面去算，會顯得多余，多此一舉。//可能，加入間距這些，那就真的不好算了。
回答3：我有一計, 應該可行.把 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...
標簽：
JavaScript
上一條：javascript - html中，圖片、JS、CSS通過標簽的src或url獲取服務器上的資源，那服務器需要為每個資源都寫出對應的響應嗎？下一條：javascript - 為何CreateElement之后，在這標簽前插入子節點，沒用
相關文章：
1. docker-machine添加一個已有的docker主機問題2. css - 關于div自適應問題，大家看圖吧，說不清3. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””4. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？5. angular.js使用$resource服務把數據存入mongodb的問題。6. dockerfile - [docker build image失敗- npm install]7. docker-compose中volumes的問題8. python - django如何每次調用標簽的時候都取隨機數據9. linux - mysql源碼安裝遇到的問題10. javascript - Vue 自定義控件v-model雙向綁定
排行榜
網公網安備