Разрыв линии в ионной 3

Question

Хотелось бы, чтобы, когда он достигнет нижней части экрана, он разорвал строку и продолжил ниже, полный текст: Перевод в Фонд ремонта: # 3 Бонус Указание пользователя: lucasteste03

изображение здесь

КОД

            <div  *ngIf="dado.currency_code == 'LTC'">

                <ion-row >
                    <ion-col col col-7>

                        <P style="font-size: 13px;">{{dado.created_at}}</P>
                        <p style="font-size: 13px;">{{dado.description}}</p>
                    </ion-col>
                    <ion-col col col-5>
                        <P style="font-size: 17px;color: #ff6a00;text-align: center">Ł {{dado.value}}</P>

                    </ion-col>

                </ion-row>

            </div>
        </ion-item>

Answer 1

Попробуйте добавить text-wrap:

<ion-col col col-7 text-wrap>
     <P text-wrap style="font-size: 13px;">{{dado.created_at}}</P>
     <p text-wrap style="font-size: 13px;">{{dado.description}}</p>
</ion-col>

Answer 2

Может быть, это решит вашу проблему:

<P class="item-text-wrap">{{dado.created_at}}</P>