Как сохранить все столбцы в одном ионо-строке в Ionic> = 2 ⇐ Html

[Anonymous]

У меня есть страница в моем приложении Ionic 2, где я, какой удар элементов, где каждый элемент берет одну строку. < /p>
Упрощенный пример можно увидеть на этом plkr < /p>
Посмотреть на первую строку, у меня есть 3 колонки (красный, серый и апельсиновый). src = "https://i.sstatic.net/peumh.png"/>
Я хочу, чтобы первые два столбца оставались фиксированной шириной и заставили последнего столбца занять оставшуюся часть строки. If the text is too long, I just want it to truncate and show ellipsis (which I do using the style='white-space: nowrap; overflow: hidden;text-overflow: ellipsis
Now, if I shrink the width of the page, the last column moved to be under the other rows....

Есть ли способ, чтобы этот третий столб оставался в одном и том же ряду, и просто показывать эллипс, как только он заканчивает комнату (я подобен ниже ...)? src = "https://i.sstatic.net/mk4xk.png"/>

Подробнее здесь: https://stackoverflow.com/questions/435 ... in-ionic-2