19 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 3,066
|
|
1 | |
Убрать отступ при смещении верхних блоков10.09.2019, 14:08. Показов 1548. Ответов 6
Метки нет (Все метки)
https://jsfiddle.net/p5gby80o/
Вроде все хорошо, но почему образуется отступ между 1 и 5 блоком? То есть изменил высоту второго блока, появился отступ между 1 и 5. Как исправить?
0
|
10.09.2019, 14:08 | |
Ответы с готовыми решениями:
6
Убрать вертикальный отступ при использовании инлайнового элемента Как убрать отступ при добавлении нового div Как убрать отступ при повторного вывода сообщения на экран? Убрать отступ слева при изменении размера окна браузера |
1786 / 1036 / 445
Регистрация: 12.05.2016
Сообщений: 2,550
|
|
10.09.2019, 14:27 | 2 |
Gerd199, почему у Вас float-ы смешаны с flex-ами, я понял если бы это был fallbaсk. А так, нормальное поведение для float.
0
|
19 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 3,066
|
|
10.09.2019, 16:54 [ТС] | 3 |
Дело в том, что все блоки, допустим есть 4 блока, все их необходимо разместить в одном родительском так, чтобы одни были по правую сторону, вторые по левую. И допустим, что высота первого блока расположенного по правую сторону была меньше другого. Тогда необходимо сместить последующие блоки по правую сторону выше, аналогично с блоками по правую.
Необходимо решить задачу для того, чтобы при просмотре на мобильном устройстве, сделать их блочными по всей ширине экрана и при этом изменить порядок. Подскажите как сделать так, чтобы блоки смещались так, чтобы зазоры остовались между ними неизменными? Добавлено через 1 минуту https://jsfiddle.net/fq0hkcp3/ Так получается, что они не смещаются если высота предыдущего меньше.
0
|
43 / 28 / 15
Регистрация: 20.12.2016
Сообщений: 107
|
|
10.09.2019, 18:01 | 4 |
Я думаю ты примерно такого результата хотел добиться
https://jsfiddle.net/35c1sLg9/12/ высоту каждого блока можешь задавать отдельно через id
1
|
19 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 3,066
|
|
10.09.2019, 19:45 [ТС] | 5 |
Не совсем, на данный момент так и сделано. Необходимо убрать родительский блок "<div class="article">", иначе на мобильной версии не будет возможности изменить последвательность блоков. Только либо через js, либо в php изначально менять.
Добавлено через 1 минуту На мобильной версии необходимо, чтобы 4 блок был под первым, а под 5 был второй. В итоге должно получиться 1 4 5 2 Добавлено через 2 минуты А для пк, в данный момент так и сделано. Сейчас изначально приходится менять html документ под мобильные. Рассчитываю найти решение, чтобы было достаточно поменять последовательность через css свойство order. Для этого необходимо чтобы все блоки находились в одном родителе. Не разбивая их по "группам"
0
|
Модератор
2275 / 1656 / 650
Регистрация: 07.08.2016
Сообщений: 3,970
|
|
10.09.2019, 20:59 | 6 |
Сообщение было отмечено Gerd199 как решение
Решение
Gerd199, используйте grid
1
|
19 / 17 / 5
Регистрация: 06.03.2014
Сообщений: 3,066
|
|
10.09.2019, 21:24 [ТС] | 7 |
Хорошо, по моему это выход, но есть ньанс.
Допустим display: grid; grid-template-columns: 80% 20%; На правый блок выставлена ширина в 20%, вопрос в том как ограничить минимальную ширину? Выставляю min-width: 400px; на правый блок, ширина не менее 400px, но он у меня заходит за края... Возможно ли сделать так, чтобы не заходил за правый край, а левый блок адаптировался?
0
|
10.09.2019, 21:24 | |
10.09.2019, 21:24 | |
Помогаю со студенческими работами здесь
7
Одинаковый отступ для блоков Мерцание экрана при смещении контролов Расчет координат точки при смещении узла При быстром смещении иногда MOUSE_OUT не срабатывает Почему при смещении блока, текст из него выпадает? QGraphicsScene, артефакты от рисуемой линии при потере фокуса и смещении Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |