Sur css: si la ligne de texte est une pause, afficher les points
Je l'ai vu avant cette solution, mais je me souviens pas où exactement... sans JS
peut-être que c'est du travail quand la ligne est en pause.
Mais quelle propriété css est?
Question est:
comment afficher pour l'utilisateur: points, si le texte de plus de 150 px
<div>apple</div>
<div>jack fruit</div>
<div>super puper long title for fruit</div>
<div>watermelon</div>
div {
font-family: Arial;
background: #99DA5E;
margin: 5px 0;
padding: 1%;
width: 150px;
overflow: hidden;
height: 17px;
color: #252525;
}
source d'informationauteur OnengLar
Vous devez vous connecter pour publier un commentaire.
Vous parlez des points de suspension? Ajouter ceci dans votre CSS
Violon: http://jsfiddle.net/5UPRU/7/
Vous êtes à la recherche pour
text-overflow: ellipsis;
- vous besoin de le spécifier sur le<div>
en plus dewhite-space: nowrap;
etoverflow: hidden;
http://jsfiddle.net/5UPRU/4/
Pour
text-overflow: ellipsis
fonctionne, vous devez également spécifier unwidth
(ou unmax-width
),white-space: nowrap
etoverflow: hidden
L'élément doit être un bloc alors assurez-vous d'utiliser
display: block
oudisplay: inline-block
sur des éléments en ligne.