Понимание столбцов таблицы CSS лучше - столбцы, используя поплавки

98
13

Я использую http://semantic.gs с LESS.js. Мне трудно понять понятия, и документация для меня не совсем понятна. Я признаю, что не очень хорошо читал LESS.js, но я прочитал документацию на веб-сайте Semantic Grid System.

Мое понимание, что есть только грузы столбцов, и каждый нумерованный столбец обрабатывается (?) Less.js.

// This LESS rule...
article {
.column(9);
}

// Is compiled to...
article {
display: inline;
float: left;
width: 700px;
margin: 0 10px;
}

Это будет во многом одинаковым, за исключением того, что столбцы будут в разных позициях?

Как мне найти, какой столбец я буду использовать для нижнего колонтитула? Я не уверен, должен ли я применять обычный css для создания нижнего колонтитула.

Приветствия.

спросил(а) 2021-01-19T19:13:37+03:00 2 месяца, 3 недели назад
1
Решение
86

Скорее всего, существует LESS Mixin, который был создан, который определяет столбцы. Наверное, выглядит примерно так.

.column(@span: 1) {
float:left;
width: 8.33333% * @span;
}

@span - это количество столбцов сетки, которые вы хотите разбить в каждом разделе. Так скажите, что это сетка с 12 столбцами, тогда вы, вероятно, захотите, чтобы нижний колонтитул охватывал всю ширину сетки:

footer {
.column(12);
}

ответил(а) 2021-01-19T19:13:37+03:00 2 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема