非等宽字体，$为类似jQuery对象
| 纯文字 | 带样式 | ||||||||
|---|---|---|---|---|---|---|---|---|---|
|
汉字字符 汉字 |
字母 ai |
标点符号 . |
padding(left 10px、right 10px)，broder(left 10px) 汉字 |
flex(水平101px均分)
汉字
汉字2
|
box-sizing(border-box) 汉字 |
min-width 50px 汉字 |
display:none，宽50px 汉字 |
宽5vw 汉字 |
|
|
$(el).width() 使用的是Math.round(offsetWidth) |
|||||||||
| $(el).css('width') 使用的是getComputedStyle |
|||||||||
| window.getComputedStyle(el, null).width | |||||||||
| el.offsetWidth | |||||||||
| el.getBoundingClientRect().width | |||||||||