kotenok gav |
Re: "Выскакивание" в CSS 23.09.2020, 21:41 |
|
21/05/16 4292 Аделаида
|
|
|
|
|
ipgmvq |
Re: "Выскакивание" в CSS 24.09.2020, 10:19 |
|
27/06/20 337
|
Я предполагаю, что, когда у внешнего div flex с фиксированным размером (в данном случае 300px) не помещаются все внутренние div с фиксированными размерами (в данном случае по 100px + margin), он начинает игнорировать их свойство width, и получается вся эта петрушка. Просто нужно исбежать такой ситуации.
|
|
|
|
|
kotenok gav |
Re: "Выскакивание" в CSS 24.09.2020, 12:08 |
|
21/05/16 4292 Аделаида
|
Хорошо, а как тогда вы предлагаете реализовать это?
|
|
|
|
|
ipgmvq |
Re: "Выскакивание" в CSS 24.09.2020, 14:35 |
|
27/06/20 337
|
я не совсем понимаю, что "это". Вы хотите разместить горизонтально шесть элементов по 100px в ширину каждый на расстоянии 10px между ними, внутри общего внутреннего для веб-станицы элемента шириной 300px, да так, чтобы невидимые (т.к. они все не помещаются) внутри этого внешнего элемента внутренние элементы можно было прокрутить горизонтальной прокруткой?
|
|
|
|
|
kotenok gav |
Re: "Выскакивание" в CSS 24.09.2020, 14:47 |
|
21/05/16 4292 Аделаида
|
|
|
|
|
ipgmvq |
Re: "Выскакивание" в CSS 24.09.2020, 16:23 |
|
27/06/20 337
|
У меня никогда не было именно такой задачи обязательно сделать горизонтальную прокрутку. Мне в голову приходит либо iframe маленькой ширины с подгрузкой внутрь более широкой html-страницы или делать прокрутку через javascript. Готовыми библиотеками js я не пользовался: может быть, там есть готовые js-решения для этого.
|
|
|
|
|
kotenok gav |
Re: "Выскакивание" в CSS 26.09.2020, 21:30 |
|
21/05/16 4292 Аделаида
|
Последний раз редактировалось kotenok gav 26.09.2020, 21:30, всего редактировалось 1 раз.
Проблема решилась (благодаря помощи одного человека не отсюда) удалением justify-content: center;.
|
|
|
|
|
chislo_avogadro |
Re: "Выскакивание" в CSS 26.09.2020, 23:28 |
|
31/07/14 725 Я понял, но не врубился.
|
Последний раз редактировалось chislo_avogadro 26.09.2020, 23:44, всего редактировалось 3 раз(а).
Ещё решение - Код: div { display: inline-table; ....
Это вместо display: inline-block;
|
|
|
|
|
kotenok gav |
Re: "Выскакивание" в CSS 04.10.2020, 13:25 |
|
21/05/16 4292 Аделаида
|
Хм, возникла еще одна проблема: ширина элементов не такая, которую я ставил.
|
|
|
|
|
Mental |
Re: "Выскакивание" в CSS 04.10.2020, 13:33 |
|
29/05/17 808
|
Хм, возникла еще одна проблема: ширина элементов не такая, которую я ставил. Так это же элементарно. Манипулировать шириной надо так же через свойства Flexbox.
|
|
|
|
|
kotenok gav |
Re: "Выскакивание" в CSS 04.10.2020, 13:35 |
|
21/05/16 4292 Аделаида
|
Манипулировать шириной надо так же через свойства Flexbox. Хорошо, тогда еще почитаю о нем. Спасибо!
|
|
|
|
|
kotenok gav |
Re: "Выскакивание" в CSS 04.10.2020, 16:19 |
|
21/05/16 4292 Аделаида
|
Ну я не нашел там никаких подходящих свойств, кроме как flex-basis (когда я заменил width на него, ничего не изменилось).
|
|
|
|
|
Mental |
Re: "Выскакивание" в CSS 05.10.2020, 03:46 |
|
29/05/17 808
|
|
|
|
|
kotenok gav |
Re: "Выскакивание" в CSS 05.10.2020, 09:58 |
|
21/05/16 4292 Аделаида
|
Помогло flex-shrink: 0;, спасибо!
|
|
|
|
|
Mental |
Re: "Выскакивание" в CSS 06.11.2020, 06:53 |
|
29/05/17 808
|
Помогло flex-shrink: 0;, спасибо! Ну, и всё. Вам теперь осталось добраться только до Bulma.
|
|
|
|
|
Модераторы: Karan, Toucan, PAV, maxal, Супермодераторы