Можно ли изменить размер текста, чтобы соответствовать div с фиксированным размером?

Question

Мне кажется, это довольно естественный вариант использования, хотя я ничего не смог найти на нем:

Скажем, у меня есть div фиксированной ширины, который динамически заполняется некоторым числом.Как лучше всего обеспечить, чтобы числа с большим количеством цифр принимали шрифты меньшего размера, чтобы они вписывались в эту фиксированную ширину?Есть ли какое-то свойство CSS для этого, или я должен прибегнуть к взлому Javascript?

Answer 1

Css не делает этого, но вы можете попробовать эти сценарии: http://www.zachleat.com/web/fittext-and-bigtext/

Answer 2

Нет свойства CSS, которое автоматически регулирует размеры шрифта на основе фиксированного контейнера.Вам придется прибегнуть к javascript.

Вы можете поместить каждое число в промежуток и прокрутить каждый промежуток, проверяя его ширину.Если ширина больше фиксированной ширины, уменьшите размер шрифта, а затем снова проверьте ширину.Продолжайте уменьшать размер шрифта до тех пор, пока ширина диапазона не станет меньше фиксированной ширины.

Чтобы предотвратить мерцание, следует выполнять эту проверку цикла, пока фиксированный div виден, но находится за пределами страницы (например, «позиция»: абсолютный; слева: -5000 пикселей; ")