是否可以调整文本大小以适应固定大小的div?

时间:2010-03-23 02:55:23

标签: javascript css html

这对我来说似乎是一个非常自然的用例,尽管我还没有找到任何内容:

假设我有一个固定宽度的div,动态填充了一些数字。确保具有更多数字的数字采用更小的字体大小以便它们很好地适应固定宽度的最佳方法是什么?是否有一些CSS属性,或者我是否必须诉诸Javascript hackage?

2 个答案:

答案 0 :(得分:3)

没有CSS属性可以根据固定容器自动调整字体大小。你将不得不求助于javascript。

您可以将每个数字放在一个范围内,并在每个范围上循环检查其宽度。如果宽度大于固定宽度,请向下压缩字体大小,然后再次检查宽度。继续降低字体大小,直到跨度的宽度小于固定宽度。

为防止闪烁,您应该在固定div可见时执行此循环检查,但放在页面外(例如“position:absolute; left:-5000px;”)

答案 1 :(得分:3)

Css没有这样做,但您可能想要提供这些脚本:http://www.zachleat.com/web/fittext-and-bigtext/