lignes_longues

Général
1

Hello,

Sur cette page : https://www.spip.net/fr_article4298.html
il y a comme exemple de césure de texte :

<p style="width:30px;">
[(#TEXTE|lignes_longues{20})]
</p>

Je ne comprends pas pourquoi il faut indiquer une largeur de conteneur en
plus du nombre de caractères maximum d'une ligne ?

Cela m'embête de devoir fixer une largeur en dur. On peut avoir un
conteneur large et vouloir couper plus court pour un seul de ses
contenus, non ?

--
dd

2

Le 2018-05-28 23:30, dd a écrit :

Hello,

Sur cette page : |lignes_longues - SPIP
il y a comme exemple de césure de texte :

<p style="width:30px;">
[(#TEXTE|lignes_longues{20})]
</p>

Je ne comprends pas pourquoi il faut indiquer une largeur de conteneur en
plus du nombre de caractères maximum d'une ligne ?

Cela m'embête de devoir fixer une largeur en dur. On peut avoir un
conteneur large et vouloir couper plus court pour un seul de ses
contenus, non ?

--
dd

Je pense que le width en dur est ici simplement à titre d'exemple de cas où le filtre peut être utile mais ça n'est pas obligatoire.
C'est vrai que les largeurs en dur sont généralement déconseillées.
Mais il existe des solutions en CSS pour gérer les césures sans utiliser de filtre sur le texte mais une simple classe sur le conteneur qu'on veut traiter :

pw

3

Le Tue, 29 May 2018 03:47:08 +0200, p.weber a écrit :

Le 2018-05-28 23:30, dd a écrit :

Sur cette page : |lignes_longues - SPIP
Je ne comprends pas pourquoi il faut indiquer une largeur de conteneur
en plus du nombre de caractères maximum d'une ligne ?

--
dd

Je pense que le width en dur est ici simplement à titre d'exemple de cas
où le filtre peut être utile mais ça n'est pas obligatoire.
C'est vrai que les largeurs en dur sont généralement déconseillées.
Mais il existe des solutions en CSS pour gérer les césures sans utiliser
de filtre sur le texte mais une simple classe sur le conteneur qu'on
veut traiter :

Gérer les débordements de contenus grâce à CSS - Alsacreations

et-cesures-css.html

pw

Merci pour le lien. Le "hyphens: auto;" fonctionne.
Maintenant j'ai bien mon titre coupé comme il faut et qui ne passe plus
sous le logo qui est dans le même conteneur.

--
dd