我很想知道它出现在屏幕上的字符串有多长.我们没有使用固定宽度的字体,所以:
"Our mother's tummy makes dummy noises."
Run Code Online (Sandbox Code Playgroud)
远远超过:
"Lilly Leadbetter lives life leisurely."
Run Code Online (Sandbox Code Playgroud)
有没有办法告诉人物有多长时间?我不需要像素完美的精确度,只需要在大致正确的位置椭圆就足够长.CSS溢出无济于事,因为在CSS确定了多长时间之后我无法附加椭圆.
这是至少部分解决方案的相关问题.基本上,该技术是将文本呈现为隐藏<span>,然后(使用JavaScript)测量跨度的像素宽度,然后切掉字符直到它适合您的目标宽度.
这是一个jQuery插件,它封装了这种相关问题的功能.