获得当前字符串的宽度

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>获得当前字符串的宽度</title>    <script type="text/javascript"  src="jquery-min.js"></script></head>

<body><span id="span" style="font-size:14px">china中国人的奥运</span>

</body></html><script>    //var str='china中国人的奥运';    function textSize(fontSize, text) {        var span = document.createElement("span");        var result = {};        result.width = span.offsetWidth;        result.height = span.offsetHeight;        span.style.visibility = "hidden";        document.body.appendChild(span);        if (typeof span.textContent != "undefined")            span.textContent = text;        else span.innerText = text;        result.width = span.offsetWidth - result.width;        result.height = span.offsetHeight - result.height;        span.parentNode.removeChild(span);        return result;    }

    var size = textSize("14px", "china中国人的奥运");    alert("宽：" + size.width + " 高：" + size.height);    //当前字符串的长度    alert("宽：" + span.offsetWidth + " 高：" + span.offsetHeight);

</script>

转载于:https://www.cnblogs.com/cx709452428/p/5763597.html

获得当前字符串的宽度相关推荐

python opencv-4.1.0 cv2.getTextSize(）函数（计算文本字符串的宽度和高度）
def getTextSize(text, fontFace, fontScale, thickness): # real signature unknown; restored from __doc ...
测量string变量长度函数_利用Graphics::MeasureString函数测量字符串的宽度，高度
我就吐一句槽,今天被这个函数完虐.... 当我们需要获得一个字符串的长度时(注意,不是length,这只是返回该字符串的字符个数),我们需要知道的是一个字符串的长度也就是一个字符串的宽,说到底就是像素 ...
java applet 换行_如何用java applet 画字符串，宽度大于设定值，自动换行
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 public Vector getLinebreakNum(FontMetrics frm,String s,Font font,int maxWidt ...
mfc怎么计算字符串宽度_Python基础之好玩的字符串格式化f-string格式
更多内容,请参考白月黑羽Python3教程 - 格式化字符串 f-string 格式化 f-string 格式化就是在字符串模板前面加上f,然后占位符使用{} ,里面直接放入对应的数据对象.如下所示 ...
Js获取字符串的显示宽度/高度
重点: 1.在H5页面,文字大小单位为rem 2.不同的font-family,文字的宽度不一样 3.文字宽度同时受font-size和font-family影响思路: 在页面动态创建一个节点,设置 ...
C#如何测量字符串的高度宽度和精确取得字符串的高度宽度
C#如何测量字符串的高度宽度和精确取得字符串的高度宽度因为MFC中CDC有GetTextExtent()可以获得字符串的高度宽度像素单位,所以自然想到c#的GDI+的MeasureString,这 ...
根据字体大小得到字符串显示时的宽度(C#)
字符串的宽度自适应容器 Graphics g = Graphics.FromImage( new Bitmap( 1 , 1 )); SizeF size = g.MeasureString(lb ...
Python字符串类型及操作总结
1.字符串表示两种类型四种表示单行-一对单引号或一对双引号 "python" 'python' 多行-一对三单引号或一对三双引号 '''python''' "&quo ...
[PY3]——内置数据结构(3)——字符串及其常用操作
字符串及其常用操作xmind图字符串的定义 1. 单引号/双引号 In [1]: s1='hello world' In [2]: s1="hello world" 2. 三对单 ...

获得当前字符串的宽度

获得当前字符串的宽度相关推荐

最新文章

热门文章