Como arreglar el texto se sale del DIV con CSS
Si les ha pasado alguna vez, que al poner una palabra demasiada larga en un div de tamaño fijo el texto se sobre sale, pues aqui les traigo la solucion para cortar el texto que se sale del DIV con CSS.
Se trata de usar la propiedad de CSS:
Un ejemplo del problema :
Que tiene el siguiente estilo :
Si le añadimos "word-wrap: break-word;" al estilo, se soluciona el problema:
Espero que les haya servido.
Se trata de usar la propiedad de CSS:
word-wrap: break-word;
Un ejemplo del problema :
Esto es una palabra muy largaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Que tiene el siguiente estilo :
border: 1px solid;
padding: 10px;
width: 100px;
Si le añadimos "word-wrap: break-word;" al estilo, se soluciona el problema:
border: 1px solid;
padding: 10px;
width: 100px;
word-wrap: break-word;
Esto es una palabra muy largaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Espero que les haya servido.
excelente!!
ResponderEliminarthanks man!!!!!!!!!!
ResponderEliminarmuchas gracias por la fin! me tenia trabado este problema :D
ResponderEliminarexcelente la soluciion, me sirvio muchisiimo!
ResponderEliminarQue bueno!! me ha servido esta solución! Gracias. Saludos
ResponderEliminarsencillamente genial, Muchas gracias!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ;-)
ResponderEliminarMuchísimas gracias. Llevo como tres días búscando la solución y era así de simple. Deberían darte una medalla por publicar artículos de está gama.
ResponderEliminarSencillamente, gracias.
Gracias! Sencillo y eficaz. Te lo agradezco!
ResponderEliminarperfecto!
ResponderEliminarExcelente aporte!!!!
ResponderEliminarMuchas grcias
ResponderEliminarMi pagina creo que tiene ese problema y ahce tiempo vengo buscando la respuesta, todo pasa cuando agrando o achico la pagina que el texto, foto y demas se salen para afuera de la pagina y queda horrible. Yo no sé nada de dreamweaver lo hice a pulmon. Se podría fijar en mi pagina para ver si se puede solucionar? Le estaría muy agradecido hace tiempo que quiero solucionarlo (mi web ha quedado en el adjunto)
ResponderEliminarBuff, mil gracias.
ResponderEliminarGracias :D
ResponderEliminarExcelente Me sirve para una tarea y para una futura pagina que hare, muchas gracias man xD
ResponderEliminarMuchas gracias........ pero en Google Chrome no funciona que debo hacer para que me funcione en Chrome.
ResponderEliminarGracias
por fin te encuentro :) gracias
ResponderEliminarmil gracias!super!
ResponderEliminarmuchas gracias por el aporte
ResponderEliminarExcelente.. Gracias...!!!
ResponderEliminarAhh por fin pude encontrar la solucion mas rapida gracias
ResponderEliminarmuchas gracias.... que sencillo era!!! de verdad MIL GRACIAS
ResponderEliminarwww.follanuncios.com
eres un capo exelente
ResponderEliminarGracias, enserio, muchas gracias, solucion bastante simple :)
ResponderEliminarGracias! Me ha servido
ResponderEliminarexcelente
ResponderEliminarGreat!
ResponderEliminarMuchisimas grasias brother he estado buscando esto hace mucho tiempo.
ResponderEliminarEstupendo Muchisimas Gracias
ResponderEliminarFantástica solución. He visto de todo para este problema y tu solución es, sin duda, la mejor. No conocía esta propiedad. Muchas gracias.
ResponderEliminargracias capo
ResponderEliminarGenial mi buen.
ResponderEliminarGracias.
SALUDOS
Muchas gracias, hace tiempo que buscaba esta solución.
ResponderEliminarExcelente, gracias.
ResponderEliminarPude arreglar este problema en mi web: https://gurus.vip/