# DOM utils

# 测量文字宽度

/**
 * 测量文字宽度
 * @param {String} title 要测量的文字
 * @param {Object} css 文字样式
 * @return {Number} 宽度
 */
function measure(title, css) {
    let div = document.createElement('div')
    div.innerHTML = title
    const style = {
        position: 'fixed',
        left: '0',
        top: '0',
        visibility: 'hidden',
        ...css,
    }
    Object.keys(style).forEach(key => {
        div.style[key] = style[key]
    })
    document.body.appendChild(div)
    const w = div.clientWidth
    document.body.removeChild(div)
    div = null
    return w
}
ok
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25