本文中，JS使用画布中的measureText方法来测量字体宽度。分享给大家参考，如下：

要限制容器的宽度，如果超过该宽度，将显示展开按钮。单击展开按钮显示全部内容。css中带省略号的可以用，但是有时候这还不够，所以我自己想办法。突然想到画布中有一个measureText函数，可以测量字体的宽度，于是想到用这个函数来测量句子的宽度，然后和容器的宽度进行比较。没事，那我就来。

！doctype html lang=' en ' head meta charset=' utf-8 ' title document/title/head body脚本类型=' text/JavaScript ' vartext=' Lin Sange超帅'；var canvas=document . create element(' canvas ')//首先创建一个canvas标记var CTX=canvas . getcontext(' 2d ')；//拿出canvas ctx.font=' 30pxaarial '的画笔；//设置字体大小和字体很重要，直接影响测量结果，因为14px和16px字体的宽度不同。可变宽度=CTX。测量文本(文本)。宽度；//开始测量font console.log的宽度('文本的宽度为' width ')；/script/body/HTML使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试了上面的代码，可以得到以下运行结果：

这就是结果。有6个字，30px，宽度180。没有错！哈哈！

关于JavaScript的更多信息，请查看本网站专题：《JavaScript+HTML5特效与技巧汇总》、《JavaScript图形绘制技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript数学运算用法总结》、0103010

希望本文对JavaScript编程有所帮助。