28172 sujets

CSS et mise en forme, CSS3

Txt qui s'agrandi pour prendre la largeur maxi du bloc

Hello , comme je patoge un peu je viens vous voir pour savoir si quelqu'un à la réponse.

Je cherche a se que mon texte s'agrandisse ou diminue selon la taille en Width de mon <Article>. Bien sur je ne parle pas d'un "Justify" mais plutôt d'un font-size en automatique. Smiley biggrin
Jai un <article> avec un width de 150px par exemple, et je voudrais que mes <h6> à l’intérieur prennent automatiquement la taille maximal du contenant.

Si quelqu'un a une idée sa m'aiderais bcp, car le texte est traduit avec du gettxt et jai pas envie de faire plein de jpeg pour remplacer çà. Smiley ohwell

merci
Je ne pense pas que cela soit possible nativement ( je parle bien sur sans Javascript );

à la rigueur je pense qu'il serait possible en css de déclarer tes valeurs en em afin de spécifier une largeur maximale a ne pas dépasser, comme par exemple quand on veut qu'un paragraphe ne dépasse pas 60 caractères.

Mais les mots les plus petits resteront donc dans une taille petite...
Modifié par themagicdavid (30 Apr 2013 - 15:26)
Voilà mon code de test non concluante Smiley bawling

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Titre de ma page</title>

<STYLE TYPE="text/css">

article {
margin: 0;
padding: 0;
width: 188px;
height: 170px;
background: #d3d3d3;
}

h4 {
margin: 0;
padding: 0;
font-family: Arial;
font-size: 100%;
text-align: justify;
text-transform: uppercase;
}

</STYLE>

</head>
<body>
<article>
<h4>Bonjour,<br> j'aime les patates <br> avec un gros <br> steack</h4>
</article>
</body>
</html>
Sujet clos
Aller à