Лучшие flexbox вопросы ИТ разработчиков

  • 2 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Пустое вертикальное пространство между столбцами в Bootstrap 4

аюсь сделать макет, как показано ниже: [/imgs/gXUve.png] Наxs устройства, я хотел бы, чтобы порядок был первым-вторым-третьим. Пример кода у меня есть: <!DOCTYPE html> <html> <head> <meta http-equiv='Content-Type' content='text/html; ...

Задан 15 Mar 2018, 18:20 от Chris Eveland
  • 10 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Отличный ответ! Меня беспокоило, когда при динамическом увеличении высоты таких элементов, как нижний колонтитул, возникают проблемы, но, поскольку абсолютно позиционированный элемент вложен в относительный элемент, все работает идеально. Ты мужчина!

ема: В полноразмерном макете приложения (ширина 100%, высота 100%), использующем flexbox с переполнением, полосы прокрутки не отображаются для переполнения-y в Firefox, IE или Edge. Они отображаются правильно в Chrome. Вместо того, чтобы иметь ...

Задан 07 Aug 2017, 16:27 от gunn4r
  • 14 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Принятое решение уничтожило мои липкие колонтитулы в т.е. Поэтому я решил эту тревожную проблему с помощью следующего неудовлетворительного «только для ie JS» .... Значение px вместо «height: auto» помогло мне.

Задан 11 Feb 2017, 06:56 от yifei3212
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

 фиксированная ширина 1000 пикселей. Измените это с вашим медиа-запросом.

аю мобильную адаптивную страницу и впервые использую flexbox. Проблема, которая у меня возникает, заключается в том, что когда в div содержимого много информации, div очень сильно растягивается по ширине страницы. Я попытался использовать стили ...

Задан 20 Nov 2017, 20:33 от prospector
  • 5 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

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

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

Задан 01 Feb 2018, 19:11 от Steve Wortham
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

Почему некоторые из моих правил CSS не работают?

У меня есть вложенный макет flexbox (использующий bootstrap v4), который меняет ориентацию в соответствии с альбомным / портретным режимом. Первый уровень

Задан 14 Jan 2016, 19:12 от LenB
  • 7 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Обе коробки появляются справа для меня в Chrome 72

сто заметил некоторые значенияalign-self собственность, которую я не видел раньше. Чтоstart, end, self-start, а такжеself-end и чем они отличаются отflex-start а такжеflex-end? Я имел в видуруководство по ...

Задан 19 Jun 2018, 01:26 от Vince
  • 1 голос
  • 2 ответа
  • 0 просмотров
2 ответа

Я завернул все значки слева в контейнер и поместил подпись и контейнер значков во внутреннюю часть основного контейнера с помощью гибкой коробки.

аюсь выровнять несколько встроенных изображений: пять слева и одно справа (подпись), желательно без использования поплавков. Все изображения должны быть выровнены по вертикали (сверху). Я слышал, что flex-box - это вариант, но я испытываю ...

Задан 15 Aug 2017, 13:48 от csapidus
  • 75 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Высота 100% для дочернего столбца flexbox [дубликата]

На этот вопрос уже есть ответ здесь: как заставить работать вложенные флексбоксы [/questions/18639129/how-to-make-nested-flexboxes-work] 3 ответаУ меня проблемы со столбцом flexbox, так как дочерние элементы элемента flex'd не отвечают наheight ...

Задан 06 Jan 2014, 21:28 от CourtDemone
  • 0 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Flexbox

ользую flex для выравнивания текста и двух кнопок внутри div. Это мой код #wrapper { background-color: gray; display: flex; padding-left: 90px; padding-right: 90px; } #left { padding-top: 33px; padding-bottom: 33px; flex: 0 0 65%; height: ...

Задан 26 Nov 2018, 09:55 от pungis
  • 4 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Переполнение: авто вызывает обрезание вертикально центрированных элементов с помощью Flexbox

Первая ссылка - модель flexbox 2009: http://jsfiddle.net/vLKBV/ [http://jsfiddle.net/vLKBV/] <div style="display:-webkit-box;height:100%"> <div style="background:#f00;width:50px"> </div> ...

Задан 20 Apr 2013, 16:02 от denicio
  • 1 голос
  • 1 ответ
  • 0 просмотров
1 ответ

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

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

Задан 03 Feb 2018, 14:30 от Denis
  • 4 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Неужели нет способа обернуть текст вокруг изображения во flexbox?

Обычно, когда у вас есть текстовый блок, вы можете просто перемещать изображение влево или вправо, чтобы обернуть текст вокруг него, но в flexbox поплавки не...

Задан 29 Jul 2016, 16:24 от Pete Hegman
  • 2 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Текст и изображение в <button> не останутся на одной строке с помощью flexbox в Firefox [duplicate]

На этот вопрос уже есть ответ здесь:Flexbox не работает с кнопками или элементами fieldset 2 ответаЯ хотел бы отобразить кнопку с изображением и текстом. Тек...

Задан 26 Oct 2015, 11:03 от NinjaFart
  • 7 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Почему flex-box работает с div, а не с таблицей?

В следующем простом фрагменте получается одна веб-страница, которая занимает доступное пространство экрана с верхним колонтитулом вверху, нижним колонтитулом...

Задан 02 Jan 2017, 04:53 от Cornstalks
  • 6 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Центрированный флекс-контейнер выходит за рамки [дубликата]

На этот вопрос уже есть ответ: Не удается прокрутить верхнюю часть гибкого элемента, который переполнен контейнером [/questions/33454533/cant-scroll-to-top-of-flex-item-that-is-overflowing-container] 7 ответов Я должен забыть что-то ...

Задан 14 Mar 2018, 13:13 от Jeppebm
  • 6 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

Флекс-упаковка с рядами разной высоты

Я внедряю css-only вкладки со ссылками на хеш-теги. Я очень, очень близок, но не могу заставить флекс-упаковку работать должным образом. Чтобы все работало т...

Задан 31 May 2016, 19:12 от George Mauer
  • 44 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Как я могу иметь позицию: исправлена; поведение элемента размера flexbox?

У меня есть div с именем .side-el, который я хотел бы иметь в позиции: fixed; поведение, но как только я применяю положение, фиксированная ширина чередуется ...

Задан 13 Mar 2015, 15:31 от Daniel Schmidt
  • 13 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

ie10 и flexboxes? (страшный сон)

К сожалению, я должен сделать свой код сайта совместимым с Internet Explorer 10, и у меня возникают некоторые проблемы, даже после прочтения документации на их официальном сайте вот мой код CSS: .uberflex { display: flex; flex-direction: ...

Задан 10 Sep 2013, 05:26 от shan
  • 2 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Тем не менее, есть еще более простое решение с помощью CSS Grid, если вам интересно.

тирую несколько разных макетов с flexbox, и у меня есть следующая проблема. У меня есть галерея изображений с настроенными элементами Flexflex:0 0 25%; и я хотел бы добавить к ним маржу в 1px, потому что 1% к большому. Поэтому мне ...

Задан 27 Oct 2018, 09:54 от Jakub Klos
  • 17 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Вы также можете сделать

спользовании элементов ввода и кнопок внутри гибкого контейнера

Задан 23 Feb 2017, 16:33 от viderizer
  • 18 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Последний запас полей / отступов в макете flexbox / grid

У меня есть список элементов, которые я пытаюсь расположить в прокручиваемом горизонтальном макете с помощью flexbox.Каждый элемент в контейнере имеет поле с...

Задан 17 Aug 2016, 09:45 от Kevin Wilson
  • 1 голос
  • 2 ответа
  • 0 просмотров
2 ответа

Можете ли вы опубликовать jsfiddle, потому что мне кажется, что это решение с фиксированной min-height верхнего div, и мне нужен верхний div с auto-height в соответствии с его содержимым, а нижний div с фиксированной min-height

я есть два div: top div содержит длинный текст, занимающий несколько строкнижний div имеетmin-height а такжеflex-grow: 1Когда я уменьшил окно до появившейся прокрутки, то в chrome все отображается правильно. Но в IE11 верхний div сокращен до ...

Задан 19 Mar 2018, 14:37 от JIemON
  • 4 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

 на

ированные элементы flexbox могут иметь нежелательное поведениекогда они переполняют свой контейнер [https://stackoverflow.com/questions/33454533/cant-scroll-to-top-of-flex-item-that-is-overflowing-container] . Несколько негибких решений были ...

Задан 04 Dec 2017, 14:46 от Chris Talman
  • 9 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

html5: трехрядный flexbox с фиксированным верхом / низом и прокручиваемой серединой

Можно ли сделатьhtml5 макет flexbox с фиксированнымheader/footer и прокручиваемыйarticle раздел как следующий дляFire Fox 24 ихром 31? +----------+ | header | +----------+ | article || | || | || | || +----------+ | footer | +----------+Я ...

Задан 20 Oct 2013, 13:07 от net.user
  • 1 голос
  • 2 ответа
  • 0 просмотров
2 ответа

Выравнивание по дну во flexbox

У меня есть контейнеры, которые должны динамически менять высоту в зависимости от содержимого. Для всех контейнеров в данной строке нижний текст должен быть ...

Задан 28 Jul 2016, 14:52 от user4584963
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

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

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

Задан 05 Feb 2018, 13:35 от KingKerosin
  • 7 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Рендеринг двух элементов (изображений) рядом друг с другом в представлении списка в реагировать родной

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

Задан 13 May 2016, 12:15 от Karan Gujral
Page 5 of 9