Grid - text lines per row

@pisxid12 wrote:

Hi, my ion-grid it’s something like this:

            <ion-grid>
              <ion-row>
                <ion-col col-4>
                  <img class="preview" src="image.png" />
                </ion-col>
                <ion-col col-8>
                  <ion-row class="name" text-wrap>
                    Element
                  </ion-row>

                  <ion-row  class="description">
                    Element description: blablablablablablablablablablablablablablablablablablablablablablablablablablablabla
                  </ion-row>

                  <ion-row class="cost">
                    $500
                  </ion-row>
                </ion-col>
              </ion-row>
            </ion-grid>

For example, in the description I want to “wrap” the text into the row, but I want to display the text in only 3 lines (Obviously I can limit the text length ), So if I use “text-wrap” into the “ion-row” the text wraps but overrides the height.

I create a Grid like this one for every product, so I need to have the same height for all the grids for each element, including thoose that wouldn’t have a description/short description.

Posts: 1

Participants: 1

Read full topic