Bonsoir à tous, 

Je n'ai pas pour habitude de poster dans cette section, étant principalement sur le PHP, mais je viens faire appel à vous pour une fois.

Je dois monter un tableau responsive sur un projet, et le texte qu'il contient me pose soucis. Pour info, je suis sous Bootstrap 3.3.7.

J'ai 4 colonnes en rendu standard, je passe à 2 en fonction des largeurs (col-md). Une ce ces colonnes contient une URL de longeur variable. Les autres champs ont des longueurs fixes et ne perturbent pas le visuel.

J'aimerais, si possible, une méthode propre de passer de

https://stackoverflow.com/questions/12820007/text-overflowellipsis-on-a-link

à ça 

https://stackoverflow.com/que...

le tout en fonction de la largeur de ma colonne.

Est-ce possible en CSS seulement ? Où est ce que je suis bon pour me coller du JS ?

Merci d'avance pour votre aide, 

E

-
Edité par Ealon 10 septembre 2017 à 0:13:47

Hello

https://www.alsacreations.com/tuto/lire/1038-gerer-debordement-contenu-et-cesures-css.html

Désolé de te balancer le lien comme ça mais j'ai les yeux qui piquent et jsuis claqué

Au top merci. 

J'avais cherché un peu mais sans vrai succès, ne sachant pas exactement comment expliciter ce truc.

Je me penche dessus.

EDIT 12h08

Alors ton lien ne m'a pas donné de résultat viable, mais j'ai pu trouver quelque chose qui me convient grâce à lui.

La solution, trouvé sur Stack, est la suivante :

.table {
    table-layout: fixed;
}
.table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Merci encore

-
Edité par Ealon 10 septembre 2017 à 12:10:11

Re ;) 

Toujours bon à savoir merci à toi du coup