Je conçois beaucoup d'articles Web simples sur une seule page pour les ventes ou les e-mails. Je trouve souvent que je rencontre des problèmes avec les titres et les sauts de ligne souhaités à différentes largeurs de support.
Par exemple, je pourrais avoir un titre tel que:
Notre New thingamabob est la meilleure chose depuis le pain tranché!
Sans aucune attention aux sauts de ligne, les sauts de ligne comme celui-ci:
Notre New thingamabob est la meilleure chose depuis
le pain tranché!
À pleine taille, j'aimerais rompre la ligne après "le". Création de deux lignes.
Notre New thingamabob est la
meilleure chose depuis le pain tranché!
Pour un écran de largeur moyenne, je casserais deux fois:
Notre New thingamabob
est la meilleure chose
depuis le pain tranché!
Pour des écrans encore plus étroits, je casserais après "nouveau", après "thingamabob" et après "thing". Création de quatre lignes.
Notre New
thingamabob
est la meilleure chose
depuis le pain tranché!
Je ne veux vraiment pas utiliser les balises break ( <br>
) parce que cela fixe les pauses à toutes les tailles. Jusqu'à présent , je l' ai utilisé les requêtes des médias et des pourcentages de largeur pour les différents h1
- h5
balises afin que la largeur des forces de marquer une pause. Mais cela me semble "hacky" (c'est aussi très capricieux parfois basé sur le texte réel).
Quelle est la meilleure façon de contrôler les sauts de ligne sans les coder en dur en HTML?