Est-il possible de redimensionner le texte en fonction du débordement?

Question

Je crée une application Web de bibliothèque multimédia et je souhaite que les éléments multimédias répertoriés dans une barre latérale soient entièrement affichés.

Excel a cette caractéristique intéressante où les cellules contenant des chaînes suffisamment longues pour déborder automatiquement ajuster la taille de la police à exactement ce qui est nécessaire pour la chaîne à rester contenue dans ses frontières rembourrées.

Je voudrais recréer ceci avec css.

Answer 1

Je ne pense pas qu'il soit possible de le faire. Vous pouvez cependant créer des mediaQueries et donner des hauteurs ou des hauteurs différentes.

Vous pouvez utiliser word-wrap: break-word dans un div, pour vous assurer que le texte se réorganise afin qu'il ne sorte pas la largeur de la div. Cependant, il resterait avec la même taille. Donc, j'utiliserais certainement des mediaqueries pour cela

Answer 2

Cela ne peut pas être réalisé par CSS seul. Javascript pourrait t'aider, mais ce ne sera pas facile.

Essayez ce poste: JavaScript Scale Text to Fit in Fixed Div