Есть ли хороший способ выровнять div, изображения и т. Д. В равной степени внутри div без использования класса .first?

Question

Надеюсь, мой вопрос имел смысл.

Мне интересно, есть ли хороший способ выровнять div без необходимости использовать класс для различения левого div, так что браузер не знает, добавлять ли левое поле к этому div?

Скажите, если у вас портфель из 3 столбцов:

каждый столбец имеет:

.column300 {
float:left;
width:300px;
margin-left:20px;
}

Затем вы устанавливаете в первом столбце класс .first и без левого поля:

.column300.first {
margin-left:none;
}

и т. Д.

Так, к 1-му, 4-му, 7-му, 10-му столбцам и т. Д. Все они будут иметь добавленный класс .first, так что все выстраивается хорошо.

---

Мне просто интересно, есть ли лучший способ выстроить вещи в таких ситуациях? Возможно, чтобы вам не пришлось добавлять класс .first в каждый левый столбец.

Это действительно для разработки, скажем, макета портфолио, который будет контролироваться CMS, в результате чего добавление класса .first к каждому левому столбцу может оказаться затруднительным.

Любые мысли или предложения будут с благодарностью! :)

Answer 1

Я предполагаю, что у вас есть много div элементов рядом с классом .column300. Если это так, попробуйте следующий код CSS.

.column300:nth-child(3n-2) {
     margin-left: none;
}

Вы можете проверить это с помощью 3n-2 в тестере : nth-child .

Answer 2

А как насчет использования CSS Framework ?!Попробуйте 960grid @ http://960.gs/