Cut de texte si elle est trop large en CSS ou Asp.net

Question

J'ai ce texte dans un div avec une largeur fixe:

Some headline (2009-10-10 small) 
Some headline (2009-10-10 small) 
Some headline (2009-10-10 large) 

Mais quand le titre est trop large le résultat est:

Some headline (2009-10-10 small) 
Some wide headline (2009-10-10 
large) 
Some headline (2009-10-10 large) 

ce qui est pas beau:/ce que je veut vraiment est:

Some headline (2009-10-10 small) 
Some wide... (2009-10-10 large) 
Some headline (2009-10-10 large) 

est-ce possible de faire avec Asp.net et CSS? Je sais que je peux mesurer une largeur de corde dans Asp.net mais elle (comme je sais) n'est pas très précise.

Answer 1

Ce dont vous avez besoin est de tronquer le texte s'il dépasse une certaine longueur visuelle. CSS peut être utilisé pour cacher les caractères qui dépassent, mais la troncature doit être faite au niveau du code (taille du serveur ou javascript).

Cela peut être un peu difficile si vous essayez de virgule par nombre de caractères sauf si vous utilisez des polices à largeur fixe. Alternativement, vous pouvez essayer un nombre de caractères max plus conservateur.

Je suis sûr qu'il y a plus de méthodes créatives, j'ai hâte d'entendre les autres.

Answer 2

Voici comment je le fais avec Mootools:

http://mooshell.net/34WbY/

Redimensionner votre navigateur pour voir la magie.