fixfix
2014 dxdy logo

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

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




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


21/05/16
4292
Аделаида
Пусть есть несколько контейнеров с примерно таким CSS. Видно, что контейнеры с длинными надписями "выскакивают" вверх. Как сделать, чтобы они не выскакивали?

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


27/06/20
337
Вообще в этом случае можно просто выровнять по верхнему краю, добавив в стиль
vertical-align: top;
Но я бы не игрался с div, для которого характерно быть block, переводя его в inline-block (т.к. он не строковый элемент) — если я хотел бы разместить несколько div так, то первое в голову мне бы пришло добавить в стиль
float: left;
оставив дефолтный
display: block;

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение18.09.2020, 22:41 


21/05/16
4292
Аделаида
ipgmvq в сообщении #1483676 писал(а):
vertical-align: top;

Спасибо!

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


29/05/17
808
kotenok gav в сообщении #1483606 писал(а):
Как сделать, чтобы они не выскакивали?

Внезапно узнать о существовании Flexbox.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение19.09.2020, 11:02 


21/05/16
4292
Аделаида
Ну, я о нем знаю, но никогда не пробовал. Попробую.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение19.09.2020, 20:49 


21/05/16
4292
Аделаида
У flexbox возникает новая проблема - пожираются первые элементы.

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


27/06/20
337
Они же не помещаются во внешний div, у которого ширина 300px

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


29/05/17
808
kotenok gav в сообщении #1483819 писал(а):
У flexbox возникает новая проблема - пожираются первые элементы.

Видимо вам достался голодный.

Используется синтаксис CSS
width: 100%;

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


21/05/16
4292
Аделаида
Mental в сообщении #1483867 писал(а):
width: 100%;

Нет, мне надо, чтобы у контейнера была фиксированная ширина.

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


29/05/17
808
kotenok gav в сообщении #1483886 писал(а):
Mental в сообщении #1483867 писал(а):
width: 100%;

Нет, мне надо, чтобы у контейнера была фиксированная ширина.

Так рассчитайте сколько надо пикселов, чтобы всё уместилось, либо шрифт уменьшите. С этим и школьник должен справиться.

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


21/05/16
4292
Аделаида
Мне надо, чтобы первый элемент размещался в самом начале контейнера, а не незнамо где, как сейчас.

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


29/05/17
808
kotenok gav в сообщении #1483890 писал(а):
Мне надо, чтобы первый элемент размещался в самом начале контейнера, а не незнамо где, как сейчас.

Вы запишите подробно по пунктам, что вам нужно, а потом постарайтесь воспользоваться всем тем, что написано выше. Уверен, что при должном усердии, у вас должно всё получиться.

 Профиль  
                  
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 18:29 


21/05/16
4292
Аделаида
Мне надо, чтобы все было как в
kotenok gav в сообщении #1483819 писал(а):
У flexbox возникает
новая проблема - пожираются первые элементы
, но элементы не пожирались. В понятие "все" также входит конкретная ширина контейнера.

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


21/05/16
4292
Аделаида
Почему вообще происходит такое?

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


27/06/20
337
kotenok gav в сообщении #1484091 писал(а):
Почему вообще происходит такое?

C flex или c inline-block?

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

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



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

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


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

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