2014 dxdy logo

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

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




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

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

 
 
 
 Re: "Выскакивание" в CSS
Сообщение18.09.2020, 22:41 
ipgmvq в сообщении #1483676 писал(а):
vertical-align: top;

Спасибо!

 
 
 
 Re: "Выскакивание" в CSS
Сообщение19.09.2020, 08:36 
Аватара пользователя
kotenok gav в сообщении #1483606 писал(а):
Как сделать, чтобы они не выскакивали?

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

 
 
 
 Re: "Выскакивание" в CSS
Сообщение19.09.2020, 11:02 
Ну, я о нем знаю, но никогда не пробовал. Попробую.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение19.09.2020, 20:49 
У flexbox возникает новая проблема - пожираются первые элементы.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 00:19 
Они же не помещаются во внешний div, у которого ширина 300px

 
 
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 07:28 
Аватара пользователя
kotenok gav в сообщении #1483819 писал(а):
У flexbox возникает новая проблема - пожираются первые элементы.

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

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

 
 
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 12:16 
Mental в сообщении #1483867 писал(а):
width: 100%;

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

 
 
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 12:23 
Аватара пользователя
kotenok gav в сообщении #1483886 писал(а):
Mental в сообщении #1483867 писал(а):
width: 100%;

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

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

 
 
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 12:26 
Мне надо, чтобы первый элемент размещался в самом начале контейнера, а не незнамо где, как сейчас.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 16:15 
Аватара пользователя
kotenok gav в сообщении #1483890 писал(а):
Мне надо, чтобы первый элемент размещался в самом начале контейнера, а не незнамо где, как сейчас.

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

 
 
 
 Re: "Выскакивание" в CSS
Сообщение20.09.2020, 18:29 
Мне надо, чтобы все было как в
kotenok gav в сообщении #1483819 писал(а):
У flexbox возникает
новая проблема - пожираются первые элементы
, но элементы не пожирались. В понятие "все" также входит конкретная ширина контейнера.

 
 
 
 Re: "Выскакивание" в CSS
Сообщение22.09.2020, 10:15 
Почему вообще происходит такое?

 
 
 
 Re: "Выскакивание" в CSS
Сообщение23.09.2020, 19:36 
kotenok gav в сообщении #1484091 писал(а):
Почему вообще происходит такое?

C flex или c inline-block?

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


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