Saltar al contenido
🚀 Lacodigoteca.com

Cómo romper una palabra larga

romper palabra jquery

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'});

A %d blogueros les gusta esto: