eleement en overflow.

a marqué ce sujet comme résolu.
Auteur du sujet

Bonjour, j'aimerais remplacer un span en elpsis.

1
2
3
4
<div class="wsp_infos" style="width:80%;...">
<span id="1" style="float:left" class="sub-heading headling-category"><a href="/">TITLE</a> - </span>
<span id="2" style="float:left" class="sub-heading headling-workspace"><a href="/x">subtitle</a></span>
</div>

voilà ma span#2 est dans la zone de overflow (ma div fais 80% du conteneur et span#1 fait environ 10% mais span#2 90% au pif) dans l'espace restant je voudrais indiquer à l'user que span#2 est caché pas "…" (ou autres) ma div est sur une seul ligne (height = 20px;) j'aimerais bien une solution full css… merci.

Développeur php depuis 10 ans. Si vous penser que mon message est agressif, je vous rassure ce n’est pas le cas ou alors je …

+0 -0

Pour que text-overflow fonctionne, il faut plusieurs choses sur l'élément :

  • white-space: nowrap pour forcer le texte à rester sur une seule ligne
  • overflow: hidden pour cacher tout ce qui dépasse

Mes tutos — Architecte technique : JS/Node/Angular/Mongo, PHP/MySQL — Consultant qualité, ergonomie et UX

+1 -0
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte