我很想知道字符串出现在屏幕上时的长度。我们没有使用固定宽度的字体,所以:
"Our mother's tummy makes dummy noises."
远大于:
"Lilly Leadbetter lives life leisurely."
有没有办法通过字符来判断某物有多长?我不需要像素完美的精度,只要足够长以在大致正确的位置形成椭圆即可。 CSS 溢出无济于事,因为在 CSS 确定椭圆的长度后我无法附加椭圆。
最佳答案
这是一个 related question至少有部分解决方案。基本上,该技术是在隐藏的 <span>
中呈现文本。然后(使用 JavaScript)测量跨度的像素宽度,然后切掉字符,直到它适合您的目标宽度。
这里是 a jQuery plugin封装了此类功能,链接自 this related question .
关于css - 字符串在视觉上有多长?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1976510/