Cómo romper una palabra larga

Alfredo
Sígueme!
Últimas entradas de Alfredo (ver todo)
Romper palabra con jquery o css
Propósito del código

Cuando una palabra o un string que apenas tiene espacios,es larga y se encuentra dentro de un DIV con unas dimensiones fijas, aparecerá que sobrepasa el elemento (como sucede en la imagen superior).

El navegador no recibe la instrucción que la palabra (en este caso en un SPAN) sobresale del DIV. Por lo tanto, hay que hacer entender al navegador que esto no suceda.

Con los siguientes códigos que te muestro a continuación para que sepas cómo romper una palabra larga. Evitaremos que suceda de diferentes formas:

CSS:

    span{
        -ms-word-break:break-all;
        word-break:break-all;
        word-break:break-word;
        -webkit-hyphens:auto;
        -moz-hyphens:auto;
        hyphens:auto;
    }

jQuery

$('p').css({'-ms-word-break':'break-all','word-break':'break-all','word-break':'break-word','-webkit-hyphens':'auto','-moz-hyphens':'auto','hyphens':'auto'});

Alfredo

Desarrollador web de profesión (.NET, jQuery, JavaScript y SQL Server). Amante del fútbol y los videojuegos. Escribo en este blog sobre temas de programación que me parecen interesantes y que quiero compartir con todo el mundo.

También te podría gustar...

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies