Имя: Пароль:
IT
Веб-мастеринг
Как сделать перенос inline-block на CSS?
, ,
0 Помогите
 
05.12.14
10:27
Имеется несколько inline-block'ов подряд.
Нужно задать такой общий стиль CSS, чтобы эти блоки переносились на новую строку после каждого третьего.
То есть вместо одной цепочки блоков должно получиться несколько строк, по три блока в каждой строке.

сами блоки менять нельзя, в html они все одинаковые и имеют одинаковые названия стилей. можно только файл css изменять.

Внимание, вопрос: Как это сделать?
1 Помогите
 
05.12.14
10:42
Очень нужно. Кто шарит в CSS?
2 ASV
 
05.12.14
10:47
3 ASV
 
05.12.14
10:47
это CSS3. работает только в свежих браузерах
4 Asmody
 
05.12.14
10:50
5 Помогите
 
05.12.14
10:59
(2) (4) Да что туда поставить то???
6 Помогите
 
05.12.14
11:15
Кто шарит в CSS?
7 Помогите
 
05.12.14
11:22
Ну нет, так нет.
8 Asmody
 
05.12.14
11:33
(5) по ссылке сходить не судьба чтоль?
каждый третий элемент будет :nth-of-type(3n+0)

можно попробовать так:

.some-class:nth-of-type(3n+0):after {
content: "<br>";
}
9 Помогите
 
05.12.14
11:51
(8) По ссылке про селектор, а вопрос скорее в том что именно туда вставить по этому селектору, аналог <br> на CSS.
10 Помогите
 
05.12.14
11:52
(8) :after вставит контент внутрь блока. А надо после блока.
11 Помогите
 
05.12.14
12:18
Подниму, пожалуй
12 ramir
 
05.12.14
12:21
У меня обычно решалось так: фиксируем ширину блока, фиксируем ширину родительского элемента так, чтобы влезало максимум 3 и они сами будут переноситься.
13 Помогите
 
05.12.14
12:32
(12) у меня родительский блок на много шире трех блоков.
14 Помогите
 
08.12.14
05:57
Никто не знает аналог <br> на CSS?
15 Asmody
 
08.12.14
07:49
А если им сделать float: left,  а каждому третьему еще clear: right?
16 Asmody
 
08.12.14
08:29
Вот статейка вроде в тему http://habrahabr.ru/post/117109/
17 Помогите
 
09.12.14
10:13
(15) Тогда они все съедут влево, и все испортится.
Они должны быть по центру
18 Помогите
 
16.12.14
17:04
апну
19 Fragster
 
гуру
16.12.14
17:49
сделать их блоками, флоатами, а у каждого третьего - клеар: справа
20 Fragster
 
гуру
16.12.14
17:49
по центру:

добавить :афтер "<бр>"
21 Fragster
 
гуру
16.12.14
18:09
float:left;
width:33%;
22 Fragster
 
гуру
16.12.14
18:09
23 Asmody
 
16.12.14
18:17
(19) весело будет, если у них будет разная высота
24 Fragster
 
гуру
16.12.14
20:33
25 Помогите
 
17.12.14
12:06
(19) по центру не будут (21) так же
26 Помогите
 
17.12.14
12:07
(21) так они тоже не по центру как должны быть, а на всю ширину
27 Fragster
 
гуру
17.12.14
15:33
(26) ну заверни их в блок, который будет по центру
28 Помогите
 
18.12.14
06:22
(27) Не вариант.
Сделал по другому. Закройте тему
Я не хочу быть самым богатым человеком на кладбище. Засыпать с чувством, что за день я сделал какую-нибудь потрясающую вещь — вот что меня интересует. Стив Джобс