css - 字符串在视觉上有多长?

标签 css text

我很想知道字符串出现在屏幕上时的长度。我们没有使用固定宽度的字体,所以:

"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/

上一篇:css - 更细的边界线?

下一篇:CSS优化

相关文章:

ios - 文本在框架中未正确缩放

mysql - 论坛中的 blob 与文本

html - 为什么:before element break layout?

css - font-size :62. 5% vs. font-size:10px

html - 视频内容的容器div等高

java - 尝试从 txt 文件检索信息时出现问题

c++ - 写入超过1GB的.txt文件时的奇怪行为

java - 字符串以空字符串 (""开头)

html - 使用 CSS 进行输入限制或验证

jquery - 在桌面上悬停时显示 DIV,在移动设备上单击时显示 DIV