|
|
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
Возникла одна мелочь, достаточно простая при анализе и последующем "тюнинге" элементов, но захотелось решить задачку исключительно средствами CSS. Может, кто поможет ... Есть контейнер верхнего уровня - А, в котором находятся контейнеры В и С, которые по ширине занимают всю ширину А, а высота определяется содержимым и с четко заданным padding. В эти контейнеры добавляются элементы одинаковой высоты и плавающей ширины с display:inline-block. Если в контейнере (В или С) одна "строка" из элементов, то хотелось бы, чтобы у них не было вертикальных margins (как в В), если 2 и больше - чтобы появлялся верхний margin (то есть низлежащие располагались ниже с отступом, как в С). Естественно, простым и разумным решением является определить у элементов верхний и нижний margins, скажем, в 3px, а верхний и нижний paddings родителя уменьшить на эти самые 3px, тогда визуально все встанет как хочется. Но вот засела задачка - а все-таки, можно ли это сделать без переопределения стиля родителя? Спасибо за совет. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 05:50:44 |
|
||
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
IDVsbruck , что-то не совсем понял что нужно... На картинках чёле покажи. Одной явно мало... Типа "если так, то так, а если эдак, то вот как". ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 08:33:55 |
|
||
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
IDVsbruck , если правильно тебя понял... Код: html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51. 52. 53. 54. 55. 56. 57. 58. 59. 60. 61. 62. 63. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 08:47:39 |
|
||
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
krvsa, +1 Достаточно же margin-top, у первого элемента он же схлопывается, известный факт :) ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 11:07:24 |
|
||
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 11:13:55 |
|
||
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
skyANA, +1 за наводку на статью. Не знал этого (правда, по-серьезному и не верстаю). ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 11:22:09 |
|
||
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
Нет, схлопывание - это не для моего случая. Повторюсь: наполняю контейнер с padding:5рх множеством элементов с display:inline-block и border, но с плавающей шириной, поэтому они не ограничены количеством по ширине, из-за чего происходит перенос на следующие строки. Поэтому из может быть в одной строке 2, 3, 8 и т.д. И мне бы хотелось, чтобы те, которы переносятся в следующие строки, имели вертикальный отступ от предыдущей строки. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 13:57:38 |
|
||
|
Можно ли сделать желаемое средствами CSS?
|
|||
|---|---|---|---|
|
#18+
IDVsbruck , тогда ждем от тебя твой тестовый пример... Поскольку я повторил в точности твой рисунок. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 06.11.2012, 15:42:50 |
|
||
|
|

start [/forum/topic.php?fid=22&msg=38026196&tid=1449152]: |
0ms |
get settings: |
7ms |
get forum list: |
20ms |
check forum access: |
4ms |
check topic access: |
4ms |
track hit: |
192ms |
get topic data: |
12ms |
get forum data: |
3ms |
get page messages: |
56ms |
get tp. blocked users: |
1ms |
| others: | 199ms |
| total: | 498ms |

| 0 / 0 |
