这对我来说似乎是一个非常自然的用例,虽然我一直没能找到任何东西:是否可以调整文本大小以适应固定大小的div?
说我有一个固定宽度的div,动态填充一些数字。确保具有更多数字的数字采用较小的字体尺寸以便它们很好地适合该固定宽度的最佳方法是什么?有没有一些CSS属性,或者我必须诉诸于JavaScript hackage?
这对我来说似乎是一个非常自然的用例,虽然我一直没能找到任何东西:是否可以调整文本大小以适应固定大小的div?
说我有一个固定宽度的div,动态填充一些数字。确保具有更多数字的数字采用较小的字体尺寸以便它们很好地适合该固定宽度的最佳方法是什么?有没有一些CSS属性,或者我必须诉诸于JavaScript hackage?
没有CSS属性根据固定容器自动调整字体大小。你将不得不求助于JavaScript。
您可以将每个数字放在一个范围内,并在每个范围内循环查看其宽度。如果宽度大于固定宽度,请将字体大小减小,然后再次检查宽度。继续降低字体大小,直到跨度宽度小于固定宽度。
为了避免闪烁,你应该执行这个循环检查,而固定股利是可见的,但放在关闭页面(如“位置:绝对;左:-5000px;”)
CSS不能做到这一点,但你可能想要给这些脚本一个去:http://www.zachleat.com/web/fittext-and-bigtext/
自然的用例是要么使用溢出滚动条或剪辑。 – 2010-03-23 03:06:42
如果您显示的是单个数字,那么这些解决方案都不是真的令人满意 – int3 2010-03-23 03:09:34