make automatic line wrap with bank data

1

Hello, I have a ul with li's that are given product names. It turns out that when I change the resolution to mobile, for example 320px , then if the product name is large, then it will not fit within the li that will have the 320px ;

In this case, since you can not prever o tamanho de cada nome de produto arrive in the database, is there a way for the text (product name) to break linha automática ?

For example:

Manual, P212, 1 bandejas de 120cm x 70cm e prensagem de 200kg .

In a resolution above 860px, it's fine, but below that you'll have to do for example:

Manual, P212, 1 bandejas de 120cm x 70cm
e prensagem de 200kg
    
asked by anonymous 17.10.2016 / 17:32

1 answer

1

Try using CSS, using @media for resolutions below 860px:

@media screen and (max-width: 860px) {
    .suaClasse{
        word-break: break-all;
    }
}
    
17.10.2016 / 18:01