justifier texte avec des tailles de police différentes

**bruman** · 21/03/2012, 11h27

Bonjour,

mon problème est assez basique : j'ai un texte composé de plusieurs lignes. Chaque ligne a une taille de police différente. C'est ce qui est sur la créa que je dois intégrer en html. Je cherche à ce que toutes les lignes soit justifiées mais je n'y arrive pas.

Je souhaites avoir quelques chose comme ça :

HHHHHHHHH
tttt ttt tttt ttttt
bbbb bbb bb
uuuuuuuuuuuuuuuu

(Mais en bien aligné à droite

)

J'ai essayé de jouer sur les tailles de polices avec différentes unités (px, pt, em, ex...) mais je n'arrive pas à trouver un alignement niquel.

J'ai aussi essayé le text-align=justify mais ca ne fonctionne pas (ou je n'ai pas réussi à le faire fonctionner.)

Connaitriez-vous une méthode pour faire ça ou un site le faisant? Je n'en ai pas trouvé.

Merci d'avance.

**NoSmoking** · 21/03/2012, 20h57

Bonsoir,
par définition pour que le texte soit justifié il faut qu'il y ai un retour ligne "naturel", donc ton problème est un problème de conception.

Tu peux néanmoins ruser en masquant ce qui dépasse. Le reste, l'ajustement se fera à taton.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
<style type="text/css">
body{
  font-family: verdana;
}
div{
  text-align:justify;
  width: 200px;
  overflow:hidden;
}
.d1{
  font-size:15px;
  height:17px;
}
.d2{
  font-size:17px;
  height:21px;
}
.d3{
  font-size:21px;
  height:24px;
}
</style>
</head>
<body>
<div class="d1">un texte un texte un texte un texte</div>
<div class="d2">un texte un texte un texte un texte</div>
<div class="d3">un texte un texte un texte un texte</div>
</body>
</html>

justifier texte avec des tailles de police différentes

CSS

Discussions similaires

Partager

Partager