HTML/CSS: Spécifiez le nombre de lignes à l'intérieur <span>
J'ai un PHP-Webapp et d'une plage, qui ressemble à quelque chose comme ceci:
<span><?= $text ?></span>
Je tiens à vous assurer, que la durée n'a qu'une ligne. Donc, si le texte est trop long, je voudrais ne pas afficher les derniers mots. Puis-je le faire en utilisant le HTML/CSS? Ou dois-je raccourcir le texte avec PHP/Javascript?
Voulez-vous supprimer les mots: ou voulez-vous quelque chose comme
Je n'ai pas de soins. Les mots devraient tout simplement pas apparaître, de sorte que l'ensemble du texte s'inscrit dans une ligne. Je sais que je pourrais supprimer le dernier workds avec PHP /Javascript, mais j'aurais préféré quelque chose de plus simple en HTML/CSS...
overflow:hidden;
?Je n'ai pas de soins. Les mots devraient tout simplement pas apparaître, de sorte que l'ensemble du texte s'inscrit dans une ligne. Je sais que je pourrais supprimer le dernier workds avec PHP /Javascript, mais j'aurais préféré quelque chose de plus simple en HTML/CSS...
OriginalL'auteur Pascal Klein | 2011-01-20
Vous devez vous connecter pour publier un commentaire.
Comment à ce sujet? (évidemment, vous définissez thewidth à tout ce qu'elle doit être sur la page)
Le text-overflow: ellipsis est CSS3 et ne seront pris en charge dans les navigateurs modernes, de sorte que dans les anciens, vous obtiendrez un méchant mi-lettre/mot coupé à la fin.
word-wrap: break-word
Édité question et a ajouté, merci.
OriginalL'auteur theorise
Voici une rude et pas entièrement testé idée:
Cette preuve de concept ne fait ceci:
<br>
tags).Améliorations bienvenues.
OriginalL'auteur Álvaro González
Voici une fonction qui va le faire:
Utilisation:
mais si vous avez uniquement besoin de le faire une fois, vous pouvez utiliser ce one-liner:
OriginalL'auteur Dominic Barnes