Est-il possible de cacher le débordement du texte, disons un div de largeur fixe et de le remplacer par "..."? Il semble évidemment laid si le texte est juste coupé, je dois vraiment être en mesure de montrer un ... dans ces cas.css - cacher le débordement
Répondre
Vous pouvez le faire avec text-overflow: ellipsis;
, mais il ne semble pas fonctionner dans IE6 et Firefox ..
très sympa! juste ce dont j'avais besoin. – Joe
@Joe Ceci n'est pas ** une bonne solution. 'ellipsis' est une valeur propriétaire d'IE pour' overflow', et ne fonctionne pas sur un autre navigateur que IE. –
Comme la page que j'ai liée aux états (et j'ai testé cela), ça fonctionne bien dans Chrome, Safari, Opera (avec '-o-text-overflow') et bien sûr IE7 + – KarmicMind
Je ne sais pas si vous pouvez le faire uniquement avec CSS, vous devez utiliser javascript ou php.
Vous ne pouvez pas faire cela avec css. Vous devrez le faire avec PHP ou Javascript. Here's a decent tutorial en le faisant avec JS.
espère que ce sera utile
$('#customComboBox').text(($.trim($('#customComboBox').text()).length > 19) ?
$.trim($('#customComboBox').text()).substring(0, 16) + '...' :
$.trim($('#customComboBox').text()));
Pas une très bonne solution - vous avez encore besoin savoir combien de caractères jusqu'à ce que le texte déborde. En outre, le code jQuery peut être rendu beaucoup, beaucoup, plus efficace avec un peu de mise en cache. –
Vérifiez cette question http : //stackoverflow.com/questions/802175/truncating-long-strings-with-css-feasible-yet – irishbuzz