2014 dxdy logo

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

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




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


21/05/16
4292
Аделаида
С flex.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 10:19 


27/06/20
337
Я предполагаю, что, когда у внешнего div flex с фиксированным размером (в данном случае 300px) не помещаются все внутренние div с фиксированными размерами (в данном случае по 100px + margin), он начинает игнорировать их свойство width, и получается вся эта петрушка. Просто нужно исбежать такой ситуации.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 12:08 


21/05/16
4292
Аделаида
Хорошо, а как тогда вы предлагаете реализовать это?

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 14:35 


27/06/20
337
я не совсем понимаю, что "это".
Вы хотите разместить горизонтально шесть элементов по 100px в ширину каждый на расстоянии 10px между ними, внутри общего внутреннего для веб-станицы элемента шириной 300px, да так, чтобы невидимые (т.к. они все не помещаются) внутри этого внешнего элемента внутренние элементы можно было прокрутить горизонтальной прокруткой?

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 14:47 


21/05/16
4292
Аделаида
Да.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение24.09.2020, 16:23 


27/06/20
337
У меня никогда не было именно такой задачи обязательно сделать горизонтальную прокрутку. Мне в голову приходит либо iframe маленькой ширины с подгрузкой внутрь более широкой html-страницы или делать прокрутку через javascript. Готовыми библиотеками js я не пользовался: может быть, там есть готовые js-решения для этого.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение26.09.2020, 21:30 


21/05/16
4292
Аделаида
Проблема решилась (благодаря помощи одного человека не отсюда) удалением justify-content: center;.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение26.09.2020, 23:28 


31/07/14
693
Я понял, но не врубился.
Ещё решение -

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

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

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 13:25 


21/05/16
4292
Аделаида
Хм, возникла еще одна проблема: ширина элементов не такая, которую я ставил.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 13:33 
Аватара пользователя


29/05/17
791
kotenok gav в сообщении #1485687 писал(а):
Хм, возникла еще одна проблема: ширина элементов не такая, которую я ставил.

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

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 13:35 


21/05/16
4292
Аделаида
Mental в сообщении #1485688 писал(а):
Манипулировать шириной надо так же через свойства Flexbox.

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

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение04.10.2020, 16:19 


21/05/16
4292
Аделаида
Ну я не нашел там никаких подходящих свойств, кроме как flex-basis (когда я заменил width на него, ничего не изменилось).

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение05.10.2020, 03:46 
Аватара пользователя


29/05/17
791
kotenok gav в сообщении #1485721 писал(а):
Ну я не нашел там никаких подходящих свойств, кроме как flex-basis (когда я заменил width на него, ничего не изменилось).

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

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение05.10.2020, 09:58 


21/05/16
4292
Аделаида
Помогло flex-shrink: 0;, спасибо!

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение06.11.2020, 06:53 
Аватара пользователя


29/05/17
791
kotenok gav в сообщении #1485797 писал(а):
Помогло flex-shrink: 0;, спасибо!


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

 Профиль  
                  
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 33 ]  На страницу Пред.  1, 2, 3  След.

Модераторы: Karan, Toucan, PAV, maxal, Супермодераторы



Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group