CSS: Вспомогательные классы для выравнивания

Вспомогательные классы для выравнивания:

.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;
}
up: 2.3 г. Просмотров: 2.3k
Материал помог? Оценка помогает находить устаревшие и спорные решения.

Комментарии

0

Нашли ошибку или хотите дополнить материал?

Комментариев пока нет.Можно первым дополнить материал или сообщить об ошибке.
Telegram