js中button中文字上下行间距

JavaScript032

js中button中文字上下行间距,第1张

1、首先使用p标签创建一行文字，设置p标签的id为mytxt。

2、其次使用button标签创建一个按钮，给button绑定onclick点击事件，当按钮被点击时，执行editWord()函数。

3、最后在js标签内，创建editWord()函数，在函数内，通过id获得p元素对象，通过给letterSpacing属性赋值，实现字间距的设置。在浏览器打开test.html文件，点击按钮，查看实现的效果。

var s = "a，b，c，d，e，f，g"

        var a = s.split('，')

        var s2 = ""

        for (var i = 0 i < a.length i += 2) {

            if (i == a.length - 1)

                s2 += a[i]

            else

                s2 += a[i] + "，" + a[i + 1] + "\r\n"

        }

        alert(s2)

这个不需要js，直接用css就可以了。letter-spacing 属性增加或减少字符间的空白（字符间距）。该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。允许使用负值，这会让字母之间挤得更紧。

当然，如果你一定要用js，它对应js中的属性是obj.style.letterSpacing。