Texto ajustável dentro da tabela com css

[voopys 0]

Olá Galera beleza?

Tenho uma duvidinha chatinha aqui...tenho uma tabela e dentro tenho um texto

 

 

<table width="530" border="0">

<tr>

<td width="530">Este texto não pode quebrar linha, e ele tem que diminuir de acordo com o que eu vou escrevendo</td>

</tr>

</table>

 

 

Preciso que esta tabela seja fixa a 530px, preciso que o texto que é digitado se adapte a tabela
sem dar quebra de linha ou seja preciso que o texto diminua de acordo com eu digito para não ultrapassar a tabela

e dar quebra de linha, alguém se candidata? :clover:

[sousatg 9]

Boa tarde,

 

O que você quer pode ser feito com um plugin javascript chamado de FlowType.JS

 

http://simplefocus.com/flowtype/

[rikaschmitt 54]

Mas nessa tabela, só terá essa frase? uma única linha/coluna para essa frase?

[André do Vale 76]

E quando o texto for muito grande? Ele irá sumir de tão pequena que a fonte ficará?

 

Não recomendo esse comportamento pensado. Usabilidade baixíssima.

 

Tente algo do tipo:

td {
max-width: 530px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

Veja bem, isto ainda é péssimo, mas deixa o início do texto legível.

 

Entretanto, eu recomendo seriamente manter a quebra do texto. É o comportamento que qualquer usuário espera acontecer no elemento, e é o que acontece com qualquer informação tabulada.