2014 dxdy logo

Научный форум dxdy

Математика, Физика, Computer Science, Machine Learning, LaTeX, Механика и Техника, Химия,
Биология и Медицина, Экономика и Финансовая Математика, Гуманитарные науки




На страницу Пред.  1, 2, 3  След.
 
 Re: "Выскакивание" в CSS
Сообщение23.09.2020, 21:41 
С flex.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 10:19 
Я предполагаю, что, когда у внешнего div flex с фиксированным размером (в данном случае 300px) не помещаются все внутренние div с фиксированными размерами (в данном случае по 100px + margin), он начинает игнорировать их свойство width, и получается вся эта петрушка. Просто нужно исбежать такой ситуации.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 12:08 
Хорошо, а как тогда вы предлагаете реализовать это?

 
 
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 14:35 
я не совсем понимаю, что "это".
Вы хотите разместить горизонтально шесть элементов по 100px в ширину каждый на расстоянии 10px между ними, внутри общего внутреннего для веб-станицы элемента шириной 300px, да так, чтобы невидимые (т.к. они все не помещаются) внутри этого внешнего элемента внутренние элементы можно было прокрутить горизонтальной прокруткой?

 
 
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 14:47 
Да.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 16:23 
У меня никогда не было именно такой задачи обязательно сделать горизонтальную прокрутку. Мне в голову приходит либо iframe маленькой ширины с подгрузкой внутрь более широкой html-страницы или делать прокрутку через javascript. Готовыми библиотеками js я не пользовался: может быть, там есть готовые js-решения для этого.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение26.09.2020, 21:30 
Проблема решилась (благодаря помощи одного человека не отсюда) удалением justify-content: center;.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение26.09.2020, 23:28 
Ещё решение -

Код:
div {
  display: inline-table;
  ....

Это вместо display: inline-block;

 
 
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 13:25 
Хм, возникла еще одна проблема: ширина элементов не такая, которую я ставил.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 13:33 
Аватара пользователя
kotenok gav в сообщении #1485687 писал(а):
Хм, возникла еще одна проблема: ширина элементов не такая, которую я ставил.

Так это же элементарно. Манипулировать шириной надо так же через свойства Flexbox.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 13:35 
Mental в сообщении #1485688 писал(а):
Манипулировать шириной надо так же через свойства Flexbox.

Хорошо, тогда еще почитаю о нем. Спасибо!

 
 
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 16:19 
Ну я не нашел там никаких подходящих свойств, кроме как flex-basis (когда я заменил width на него, ничего не изменилось).

 
 
 
 Re: "Выскакивание" в CSS
Сообщение05.10.2020, 03:46 
Аватара пользователя
kotenok gav в сообщении #1485721 писал(а):
Ну я не нашел там никаких подходящих свойств, кроме как flex-basis (когда я заменил width на него, ничего не изменилось).

Попробуйте здесь почитать:
https://tproger.ru/translations/how-css-flexbox-works/

 
 
 
 Re: "Выскакивание" в CSS
Сообщение05.10.2020, 09:58 
Помогло flex-shrink: 0;, спасибо!

 
 
 
 Re: "Выскакивание" в CSS
Сообщение06.11.2020, 06:53 
Аватара пользователя
kotenok gav в сообщении #1485797 писал(а):
Помогло flex-shrink: 0;, спасибо!


Ну, и всё. Вам теперь осталось добраться только до Bulma.

 
 
 [ Сообщений: 33 ]  На страницу Пред.  1, 2, 3  След.


Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group