Выровнять по нижней части флексбоксаCSS

Разбираемся в CSS
Ответить
Гость
 Выровнять по нижней части флексбокса

Сообщение Гость »


I want to align my View button to end of my box, but i couldnt found anyway

Код: Выделить всё

.filmbox {     overflow:hidden;     border-color:rgb(0, 0, 0);     background-color:rgb(36, 36, 36);     width:180px;     height:413px;     margin-right:10px;     display:inline-block; } .filminfo{     position: relative;     margin-top:-6px;     overflow:hidden; } .view{     display:block;     position: absolute;     bottom:0;     text-decoration:none;     text-align:center;     font-weight:bold;     margin-top:10px;         margin-bottom:4px;     margin-left:auto;     margin-right:auto;     padding-bottom:2px;     width:140px; }

Код: Выделить всё

     
[img]{{x.poster.url}}[/img]
                       Ratings: {{ x.rating }}/5.0
[img]{% static [/img]
{{ x.title }}
                                    [url=movie/{{x.id}}]View[/url]                        

i tried someway in the style, like position absolute, or align item, but they didnt work

im just want to align view button to the bottom of film box


Источник: https://stackoverflow.com/questions/781 ... of-flexbox
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»