我正在创建一个插件来修剪元素容器中的文本。基本上,我只是获取文本的长度 - 将它包含在跨度中,隐藏它并检测文本长度可以适合不同容器的点。
- 有父容器,假设它的宽度为 200px。
- 我创建了一个临时“跨度”,将文本放入...检测宽度。一世。我砍掉最后一个字符,重新测试——一旦文本可以容纳在 200pix 内……太好了。
但是,我留下的文字大约是 5 个左右的字符太短了。意思是,我“可以”在其中容纳更多角色。
浏览器是否添加了填充或其他东西会导致我的 width() 检测失效?
我使用它作为临时容器:
temp = $('<span>',{ text: sampletext })
.css({'position': 'absolute','float': 'left', 'font': setfont, 'visibility': 'hidden',
'white-space': 'nowrap'})
.appendTo($('body')),