|
Как сделать перенос 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
|
http://habrahabr.ru/sandbox/50759/
:nth-child(n) |
|||
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) Не вариант.
Сделал по другому. Закройте тему |
Форум | Правила | Описание | Объявления | Секции | Поиск | Книга знаний | Вики-миста |