У меня есть код ниже с двумя проблемами: большое изображение не по центру. Я хочу, чтобы маленькие картинки (большие пальцы) оставались выровненными по левому краю. min-width в классе th действует как max-width и real max-width ...
BLUF: Мне было интересно, возможно ли воспроизвести результаты в этом jsfiddle, используя только CSS. Если да, то поддерживается ли он в ie11? Я хочу создать столбец (или ряд) изображений, которые показывают все изображение, ...
Я пытаюсь выровнять текст по левому краю в div, который занимает всю ширину его родителя. Это структура одной из нескольких ссылок, созданных с использованием Flex Layout от Angular. < div class = "container" ...
Я создал таблицу, используя flex следующим образом. < form # consolidatedForm = "ngForm" > < div class = "flex-row" * ngFor = "let item of model.balance.Assets; let i = index;" > ...
Допустим, я хочу иметь элемент-обертку, который отображает один элемент с той же высотой ширины, но при нажатии он перемещается к элементу div рядом с ним, который был за кадром раньше ... Позвольте мне нарисовать это очень быстро:
Я создаю буксировочные элементы внутри другого внешнего элемента. Что я хочу, так это то, что мне нужно выровнять эти два элемента на двух концах внешнего элемента. Я прикрепил свой код выше, но он не работает. Так что вы можете, пожалуйста ...
У меня есть контейнер с текстом слева и кнопкой справа. Когда они находятся на одной строке, я хотел бы использовать justify-content: space -ween, но когда кнопка нажимается на новую строку ...
Я пытаюсь сохранить первые 2 дочерних элемента в одной строке, в то время как третий элемент находится ниже на полную ширину, и все это при использовании flex. Я особенно заинтересован в использовании flex-grow и ...
Я хочу использовать FlatList, который будет отображать изображение и текст, который включает в себя имя, дату и изменяющийся раздел текста. Упрощенный извлеченный код ниже поместит картинку слева, как я ...
Я выполняю 180-дневный вызов веб-страницы на https://taniaswebpages.com, и на веб-сайте 9 по некоторым причинам предполагается отображать 8 изображений в сетке. На моем Mac (Chrome) он работает отлично, но для некоторых ...
У меня есть < ul > это flex-box и куча li в нем, которые являются flex-элементами. Я пытаюсь получить < li > иметь гибкую ширину, которая остается между двумя размерами, используя мин -...
Как правило, в CSS, когда родитель и его последний дочерний элемент имеют поле, поля сжимаются, создавая единое поле. Например. article {margin-bottom: 20px} main {фон: розовый; ...
Может ли отображаться: макет сетки быть определен таким образом, чтобы столбец занимал столько места, сколько может (ala: auto-fit), но обертывает строку, когда достигается максимальное количество столбцов, а не укладка столбцов ...
У меня классическая проблема с моими якорями, исчезающими под моим фиксированным навигатором. Я пробовал различные решения в stackoverflow, но ни один из них не работал. Я использую flexbox. Потому что это для ГЦК ...
Как заставить работать флексбоксы в Safari? У меня есть отзывчивая навигация, которая использует гибкую коробку CSS, чтобы быть отзывчивой, и по некоторым причинам она не будет работать в Safari. Вот мой код: #menu {clear: both; ...
Так что у меня есть горизонтальная прокрутка в верхней части представления. ScrollView содержит узлы, которые имеют указанную ширину. Затем у меня есть граница в нижней части ScrollView, как вы можете видеть в этом ...
Предположим, у меня есть следующий макет (, см. изображение ниже )... У меня есть заголовок (A )вверху, нижний колонтитул (C ), который всегда внизу и контейнер (B )которая находится посередине и должна заполнять пространство...
У меня сложная компоновка, в которой я центрирую различные элементы по вертикали и горизонтали с помощью flexbox. Последний элемент тогда имеет margin-right: auto; применяется для толкания элементов влево (и отмены центрирования ...
Мне нужно было использовать flexbox для центрирования моей навигации, и поэтому я пришел к следующему: .navbar-brand > img {width: 100px; } .navbar-default {background-color: #fff; цвет границы: ...
Я пытаюсь добиться следующего макета с HTML / CSS, где элементы навигации "A" и "C" расположены над основным контентом "B" на маленьком экране и распределены в соответствии с левой "A" ...
Я работаю над адаптивным сайтом и столкнулся с интересной проблемой. У меня есть несколько divs бок о бок. Их может быть от 2 до 6 или около того. Когда экран недостаточно широк, чтобы показать ...
Вот глаза с align-items: center property. Они в порядке для однострочного текста и FAIL для многострочного текста: Вот глаза с align-items: baseline (или flex-start). Они лучше для ...
В макете с тремя рядами: верхний ряд должен иметь размер в соответствии с его содержимым, нижний ряд должен иметь фиксированную высоту в пикселях, средний ряд должен быть расширен для заполнения контейнера. Проблема заключается в том, что ...
Я пытаюсь создать ряд элементов со следующими функциями: Находятся внутри контейнера встроенного блока (который должен иметь содержимое рядом с ним), имеют одинаковую ширину, автоматически масштабируются, чтобы быть широкими ...
У меня есть 2 деления бок о бок в flexbox. Правая рука всегда должна быть одинаковой ширины, и я хочу, чтобы левая рука просто занимала оставшееся пространство. Но это не будет, если я специально не установлю его ...