Результаты поиска по запросу "flexbox"

4 ответа

CSS flex-base не работает, когда flex-direction это 'column'

Моя цель состоит в том, чтобы создать макет из двух столбцов с flexbox, в котором первый столбец имеет две строки, а второй столбец имеет одну, например: настройкаflex-basis: 100% на третий пункт дает желаемый эффект, но только ...

1 ответ

Огромное спасибо. Это экономит время

ли способ создать макет колонны кладки, используя сетку flexbox, которой оснащен Bootstrap 4? Мне кажется, что все столбцы имеют одинаковую высоту.

1 ответ

@ TylerH хорошая мысль - я попытался добавить более точный ответ. Хотя, отвечая, я только что понял, что этот вопрос, по сути, не отвечает по форме, поэтому предложил немного изменить его. Я имею в виду, «каковы полезные случаи цвета фона: красный» не имеет больше смысла и почти такой же. Спасибо за указание на то, что мой ответ был немного неправильным!

кнулся наflex: 1 сегодня в некоторый код и погуглил его, чтобы получить некоторую информацию о том, что он делает.w3schools [https://www.w3schools.com/cssref/css3_pr_flex.asp]кратко заявляет: Пусть все гибкие элементы имеют одинаковую длину, ...

ТОП публикаций

2 ответа

Фрагмент стека - таблица CSS

отаю с собственной структурой, которая зависит от определенной структуры нашего HTML. И одна из хитростей заключается в том, что каждой строке нужен свой собственный контейнер со своими классами и атрибутами данных. Так вот в чем проблема. Без ...

1 ответ

https://www.codeply.com/go/tXGn5pdD4A

тоящее время я работаю над одним из макетов с использованием Bootstrap 4, и внутри контейнера есть один необычный элемент, фон которого выходит за пределы контейнера. Не уверен, как именно это нужно сделать. Я пытался реализовать это с позиции: ...

1 ответ

 элемент напрямую.

юсь с использованиемflexbox контейнер вместе сbootstrap 4 чтобы выровнять мои элементы по горизонтали. Это то, что я до сих пор: <div class="d-flex flex-column align-items-center"> <img class="rounded-circle" height="50"> <a ...

4 ответа

и ты в квадрате. По умолчанию ваш вертикальный переполнение прокручивается, поэтому вам больше не нужно ничего делать.

отаю над созданием TextArea, которое горизонтально и вертикально центрировано на странице. Учитывая, что мне нужно, чтобы TextArea было центрировано по вертикали, у меня не может быть текстовой области 100w и 100h, мне нужно, чтобы она начиналась ...

3 ответа

Bootstrap отлично подходит как сетка для структурирования скелета вашего сайта, но, к сожалению, не для этой цели.

аюсь построить галерею в виде каменной кладки, но я не могу разобраться с упаковкой флексбоксов? [/imgs/jbJcg.png] У меня есть простой список UL, и я добавил необходимый стиль, но все не плавается и не переносится, как должно. .masonry { ...

1 ответ

Фрагмент стека

лал макет с flexbox, состоящий из 2 столбцов. Когда все на одной высоте, все работает нормально: https://codepen.io/anon/pen/rJZeJm [https://codepen.io/anon/pen/rJZeJm] [/imgs/9NxMt.jpg] <div class="cont"> <div class="a"> A </div> <div ...

1 ответ

 -- Спасибо

тили довольно много часов, пытаясь понять это, и кажется, что это должно быть так просто. Веб-страница немного сложнее, но проблема сводится к этому. Я пытаюсь создать гибкую рамку слева, которая должна содержать меню, затем «содержимое» справа, ...