Metni, sabit boyutlu bir div'a sığacak şekilde yeniden boyutlandırmak mümkün mü?

Question

Bu benim için oldukça doğal bir kullanım durumu gibi görünüyor, ancak üzerinde hiçbir şey bulamadık bile:

Bazı numaralarla dinamik olarak doldurulan sabit genişlikli bir div var. Daha fazla rakamlı sayıların, sabit genişliğe sığacak şekilde daha küçük yazı tipi boyutları almasını sağlamanın en iyi yolu nedir? Bunun için bazı CSS özelliği var mı, yoksa Javascript hackage'ına başvurmalı mıyım?

Answer 1

Sabit bir konteynere göre yazı tipi boyutlarını otomatik olarak ayarlayan CSS özelliği yoktur. Javascript'e başvurmalısın.

Her bir sayıyı bir açıklığa yerleştirebilir ve genişliğini kontrol eden her bir açıklığın üstesinden geçebilirsiniz. Genişlik sabit genişlikten daha büyükse, yazı tipi boyutunu küçültür ve ardından genişliği tekrar kontrol edin. Spanın genişliği sabit genişlikten daha az olana kadar font boyutunu azaltmaya devam edin.

Eğer sabit div görünür iken kontrol bu döngü gerçekleştirmelidir titremeyi önlemek, ancak (örneğin, "pozisyonuna: absolute; solda: -5000px;" gibi) sayfanın dışına yerleştirilen için

Answer 2

Css bu yapmaz

, Ancak bu komut dosyalarını vermek istediğiniz: http://www.zachleat.com/web/fittext-and-bigtext/