Colocar ... no texto que aparece em uma div

[JROY 0]

Tenho uma div com a classe CSS abaixo:

.textodiv{

height:29px;

overflow:hidden;

}

 

O tamanho do texto que aparece é muito variável. Com o CSS acima, ele aparece umas 2 linhas e esconde o resto. Até aí está como eu queria.

O problema é que eu quero colocar 3 pontinhos no final do texto que está sendo exibido para dar a idéia de continuidade. Mas como saber até onde o texto é exibido?

Tentei limitar a quantidade de caracteres, mas como a fonte não é de tamanho fixo e a quebra de linha altera de acordo com o tamanho das palavras, essa solução não não foi eficaz.

 

Alguma sugestão?

[FernandoPhP 9]

terá que fazer isso ou via Javascript ou via php ou mysql (Se você utilizar essas linguagens) se for o caso avise aqui.

[JROY 0]

Eu uso Asp.net

O problema não é colocar os 3 pontos, e sim descobrir até onde o texto é exibido, para poder colocar os 3 pontos a partir daí. Como colocar os pontos é fácil e tem N maneiras de fazer.

Alguma sugestão?

[Wanderson Valerio 102]

É só tirar o height

 

O seu CSS diz o seguinte:

 

altura de 29px;

se o conteúdo for mais alto que 29px, ele oculta com o verflow: hidden;

[JROY 0]

Wanderson,

Deixa eu tentar me explicar melhor.

O texto é sempre muito maior que o espaço que tenho para exibir. Eu quero ocultar mesmo.

Só que no final da parte do texto que aparece ( cabe no espaço ) eu quero acrescentar 3 pontos (...) para que o usuário saiba que o texto continua, clique no link para ler o restante.

Minha dificuldade está em descobrir até onde o texto é exibido ou a partir de onde o texto está oculto.

 

Obrigado

[Wanderson Valerio 102]

Entendi, você tem que fazer isso em ASP mesmo, procure por: Limitar texto com ASP.NET