Flex перестает работать, когда используется внутри ионно-слайд-бокса

Вот демо [прогибается внутри ионно-слайд-бокс] [1]Flex перестает работать, когда используется внутри ионно-слайд-бокса

Если я раскомментировать ионную слайд ящик, Flexbox перестает работать, но работает в противном случае.

Как исправить это?

Edit: Вот как это выглядит сейчас:

[! [Введите описание изображения здесь] [2]] [2]

Однако я надеялся получить это:

[! [введите описание изображения здесь] [3]] [3]

источник

2015-08-27 Simran Kaur

Я собирался ответить на ваш предыдущий вопрос, и он был удален: P Вы все еще хотите, чтобы три предмета растянулись до 100% одинаково? –

Хорошо :). Это верно. Я хочу, чтобы элементы растягивались одинаково в соответствии с гибкостью, чем когда-либо было количество элементов. В этом случае 3 человека. –

@ManojKumar: Не могли бы вы проверить обновление? –

Это связано с тем, что при добавлении <ion-slide-box> ионная структура генерирует динамический класс .slider, который не имеет высоты. Таким образом, дочерние элементы не могут вычислить height: 100%

Чтобы решить эту проблему, установите высоту родительского класса:

.slider { 
    height: 100%; 
}

Updated Ionic

источник

2015-08-27 11:41:43

Это было действительно очень умно. Спасибо –

Добро пожаловать! :) –

Не могли бы вы проверить обновление? –

Flex перестает работать, когда используется внутри ионно-слайд-бокса

ответ

Смежные вопросы