Вспомогательные классы для выравнивания:
.a-r {
text-align:right;
}
.a-l {
text-align:left;
}
.a-c {
text-align:center;
}
.f-l {
float:left;
}
.f-r {
float:right;
}
.clear {
clear:both;
float: none;
}
.last {
margin:0px;
}
Современные методы выравнивания и использования flexbox:
.flex {
display: flex;
}
.flex-center {
justify-content: center;
align-items: center;
}
.flex-end {
justify-content: flex-end;
align-items: flex-end;
}
.flex-start {
justify-content: flex-start;
align-items: flex-start;
}
.flex-space-between {
justify-content: space-between;
}
.flex-space-around {
justify-content: space-around;
}
.flex-row {
flex-direction: row;
}
.flex-column {
flex-direction: column;
}
Комментарии
0Нашли ошибку или хотите дополнить материал?