Вопросы по теме 'css-multicolumn-layout'

Автоматическое создание столбцов с использованием одного простого списка
Я пытаюсь написать гибкий код, в котором у меня есть один простой <ul> , который автоматически создает другой столбец для каждого 5-го элемента. Я нашел руководство , в котором это достигается, но местами элементы в горизонтальном порядке,...
2436 просмотров

Столбцы CSS разной ширины [дубликаты]
Я использую столбцы CSS, например: HTML: <div class="foo"> <div class="content"> </div> </div> CSS: .content { column-count: 2; } Однако я хочу, чтобы мои столбцы имели разную ширину при...
4716 просмотров
schedule 13.06.2023

Столбцы Bootstrap и абзацы переменной высоты
Использование Bootstrap 3.3.7 и попытка разместить 17 абзацев переменной высоты в макете из 3 столбцов (col-md-4) для высокого разрешения, 2 столбца (col-sm-6) или 1 столбца (col-xs-12) . Независимо от того, есть ли три или два столбца, я хотел бы...
337 просмотров

Количество столбцов не работает в Chrome
У меня есть текст, разделенный на 4 столбца, и он отлично работает в Safari. Я не знаю, почему я вижу только 2 столбца в Google Chrome. Протестировано с Chrome 55.0.2883.95 (64-разрядная версия) Любая помощь будет принята с благодарностью....
20476 просмотров

chrome и safari по-разному отображают столбцы css, когда количество элементов равно количеству столбцов
У меня есть список каталогов, который использует столбцы CSS, но ведет себя по-разному в Chrome и Safari. В каждом разделе каталога есть оболочка, которая размещает списки в двух столбцах. У меня есть CSS, поэтому Chrome отображает его так, как я...
1318 просмотров

Как сделать настраиваемые столбцы css?
С Bootstrap или W3 это просто, но в этом приложении я не хочу использовать это для создания столбцов. Как мне справиться с проблемой столбцов с помощью чистого CSS? Мне нужно сделать что-то вроде этого: Я повторяю ... Без использования...
361 просмотров
schedule 16.05.2024

«display: flex» внутри column-count отображает один столбец в Firefox и IE
Мне нужно иметь макет с двумя столбцами и снова два столбца внутри каждого столбца. Я использовал следующий код, который хорошо отображается в Chrome и Safari, но в одном столбце в Firefox и IE: Что я делаю не так? .two-columns {...
728 просмотров

Автоматическое заполнение столбцов CSS игнорирует печатные разрывы страниц
Свойство column-fill:auto работает, сначала заполняя один полный столбец, прежде чем переходить к следующему. .two-column { column-count: 2; column-fill: auto; } Chrome делает это правильно только на экране, но не при печати и не имеет...
175 просмотров