Add hyphenation in Ionic 3 app

@JayKay wrote:

I use an ion-grid in my Ionic 3 app. The data to show, I receive as JSON object from my database. Some words don’t fit in the columns and are, hence, cut off and continued in the next row. No hyphen ("-") is added and the separation is without any context to grammar. Like this:

This looks really ugly. I would like to somehow add hyphenation. However, I don’t get it running.

I tried the css-way (as follows), but this didn’t have any effect

<ion-grid lang="...">

ion-grid{
   -ms-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}

Does anybody have an idea of how to do this?

Posts: 1

Participants: 1

Read full topic