Ионное содержание. Имеет 3 компонента, которые имеют разное вертикальное выравнивание.

Question

. Я борюсь в этом вопросе с тем же компонентом иона 3 (это могут быть кнопки, изображения и т. Д.), Которые имеют разное вертикальное выравнивание (одно верх, один средний и один нижний).

Вот мой codepen пример того, что я пробовал: HTTP:// codepen.io/anon/pen/xgYQxO Вы можете видеть, что я пытался иметь 3 кнопки в одном ионном зрения и вертикального выравнивания они по-разному, но кажется, что кнопки всегда выровнены сверху.

Как я могу это достичь? Что мне не хватает? Спасибо.

Answer 1

Вы должны установить абсолютное положение для кнопок и установить соответствующие отступы им:

.scroll { 
    height: 100%; 
    text-align: center; 
} 

.button-bottom { 
    position: absolute !important; 
    bottom: 0; 
} 

.button-middle { 
    position: absolute !important; 
    top: 50%; 
    transform: translateY(-50%); 
} 

.button-top { 
    position: absolute !important; 
} 

взгляд на codepen