Ionic-framework: Длинный текст в кнопках не обрезается

Созданный на 14 окт. 2016 · 3Комментарии · Источник: ionic-team/ionic-framework

Краткое описание проблемы:

Длинный текст в кнопках не обрезается. Я использую кнопки full и block

Хотя кнопка имеет многоточие, как показано ниже;

.button {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Это не работает, так как класс .button-inner имеет display: flex

Какое поведение вы ожидаете?

Отобразить многоточие.

Это можно сделать, установив отображение .button-inner на inline . Тем не менее, я действительно не знаю, почему его дисплей гибок.

Какая ионная версия? 2 РК.0

core feature request

Источник

alan-agius4

👍2

Самый полезный комментарий

Я думаю, что флекс там, чтобы помочь с центрированием? Не знаю, как вы все хотели бы это исправить, но единственный способ, которым я смог исправить что-то подобное, — это дать ему еще одного внутреннего ребенка. например

```

I then put a class on `.overflow-me` to do the ellipsis.

.переполнение-я{
переполнение: скрыто;
переполнение текста: многоточие;
}
```

ncapito 28 нояб. 2016

👍3 🎉1

Все 3 Комментарий

```

I then put a class on `.overflow-me` to do the ellipsis.

.переполнение-я{
переполнение: скрыто;
переполнение текста: многоточие;
}
```

ncapito 28 нояб. 2016

👍3 🎉1

На самом деле это довольно сложно, поскольку кнопки используются во многих компонентах. Добавление внутреннего элемента div к кнопкам вызовет проблемы в другом месте, а изменение отображения с гибкого на встроенное вызовет проблемы с кнопками, содержащими значки и якорные ссылки, стилизованные под кнопки. Я собираюсь удалить это из вехи на данный момент, так как приведенный выше код @ncapito работает, но я вернусь к этой проблеме.

brandyscarney 5 дек. 2016

Спасибо за проблему! Этот вопрос закрывается в связи с отсутствием активности. Если это все еще проблема с последней версией Ionic, создайте новую проблему и убедитесь, что шаблон полностью заполнен.

Спасибо за использование Ionic!