How to wordwrap a long string in ion-item

Question

IONIC has two problems about word-wrap in ion-item: 1. String would be truncated by the dots appended at the end, how to show full content without dots ? 2. Automatic line b

Answer 1

For Ionic 4, use text-wrap on your ion-label element, like so:

    
         Multiline text that should wrap when it is too long
         to fit on one line in the item.
    
  

UPDATE: 10/30/2019 - CSS utility attributes are now deprecated in the latest version of Ionic 4, and will be going away completely in Ionic 5.

It is recommended to use class="ion-text-wrap" moving forward:

    
         Multiline text that should wrap when it is too long
         to fit on one line in the item.