texto que se regula de altura y anchura?

stinson · #1 (**permalink**) 31/01/2013, 10:25

Hola, les expongo, tengo un div de 300px de ancho y de 60px de largo, en medio escribo la palabra MANZANA por ejemplo, y me gustaría que se ajustase de ancho y de largo pero sin deformarse, cuando alcance uno de los dos topes (normalmente será el de alto yo creo) no se expanda más y si en vez de MANZANA, pongo PERA, haga lo mismo... no se si me explico... ahora subiré un dibujo a ver si lo puedo ilustrar...

stinson · #2 (**permalink**) 31/01/2013, 10:30

como ven esto es lo que quiero lograr... las letras no se deforman, pero cuando llegan al tope del ancho o de altura dejan de aumentar

madman_18 · #3 (**permalink**) 31/01/2013, 11:03

No sé si te servirá, pero quizás poniendo el tamaño de fuente del mismo ancho que el div, así pongas lo que pongas tiene la misma altura la fuente

stinson · #4 (**permalink**) 31/01/2013, 14:58

es decir, si tengo de ancho 300px, poner 300px?

no, es más grande y la letra se va para abajo y me ocupa otros divs..

C2am · #5 (**permalink**) 31/01/2013, 18:53

Hola stinson
Muestra el código que estas usando para tratar de lograr lo que deseas.

Saludos

pzin · #6 (**permalink**) 31/01/2013, 19:02

Lo que quieres hacer no se puede conseguir automágicamente con CSS. Tal vez con JavaScript.

Igual si explicas con más detalle porqué necesitas eso, se podría encontrar alguna solución.

stinson · #7 (**permalink**) 01/02/2013, 05:08

Cita:

Iniciado por C2am

Hola stinson
Muestra el código que estas usando para tratar de lograr lo que deseas.

Saludos

Un div de 300px x 60px y un texto, no tiene más misterio

stinson · #8 (**permalink**) 01/02/2013, 05:09

Cita:

Iniciado por Bonez

Lo que quieres hacer no se puede conseguir automágicamente con CSS. Tal vez con JavaScript.

Igual si explicas con más detalle porqué necesitas eso, se podría encontrar alguna solución.

Irá el nombre del usuario que se guarda en la base de datos, pero claro, no es lo mismo que tu nombre de usuario sea 'Ana' que 'Esternocleidomastoideo' por ejemplo jaja

stinson · #9 (**permalink**) 01/02/2013, 05:27

buscando cosas absurdas lo encontré, lo acabo de probar... con jQuery se consigue en un momento, dejo el enlace al blog donde lo encontré, a mi me parece muy práctico

http://www.webdevilooper.com/2011/11...-html-con.html

madman_18 · #10 (**permalink**) 01/02/2013, 05:51

Cita:

Iniciado por stinson

buscando cosas absurdas lo encontré, lo acabo de probar... con jQuery se consigue en un momento, dejo el enlace al blog donde lo encontré, a mi me parece muy práctico

http://www.webdevilooper.com/2011/11...-html-con.html

Si te ha servido, marca como solucionado el tema ;) Así quien tenga el mismo problema acude rápido al post jeje.

Un saludo.

pzin · #11 (**permalink**) 01/02/2013, 05:52

Lo dicho, con JavaScript si, con CSS no se puede.

Personalmente desde el punto de vista del diseño, no me parece estético que los textos se hagan más grandes o pequeños en función de la cantidad de caracteres.