var Phenix = function () {
Troll du Web depuis 1996

Du text-overflow : ellipsis et un élément à width : 100%.

J’étais en train de bricoler une div avec une largeur à 100% et un texte-overflow ellipsis.

Cela ne fonctionne pas en l’état :

  1. .ma_div {
  2. display: block;
  3. overflow: hidden;
  4. white-space: nowrap;
  5. width: 100%;
  6. text-overflow: ellipsis;
  7. }

Pourquoi ? Je ne sais pas trop, mais avec quelques règles en plus on peut avoir le résultat que l’on attend, a savoir une div « fuilde » et un texte avec « ... » pour ce qui dépasse :

  1. .ma_div {
  2. display: table;
  3. overflow: hidden;
  4. white-space: nowrap;
  5. width: 100%;
  6. table-layout: fixed;
  7. text-overflow: ellipsis;
  8. }
Voir en ligne : text-overflow : ellipsis in table-cell without width

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un administrateur du site.

Qui êtes-vous ?
Votre message
  • Pour créer des paragraphes, laissez simplement des lignes vides.