Описание тега css-multicolumn-layout

Описание тега Вопросы с тегом
Модуль Multi-Column Layout в CSS позволяет пользователям размещать свое содержимое в формате столбцов на основе ряда различных свойств.
1 ответ

Суммирование столбцов при отсутствии контента

Я посмотрел вокруг, но не смог найти ничего, что описывало бы мою проблему. У меня есть 5 элементов раздела в основном теге, 3 из которых содержат текст и изображения. Я пытаюсь получить каждый раздел в столбце рядом, используя количество столбцов, …
28 июл '16 в 15:17
1 ответ

Возьмите под контроль текст, стилизованный с помощью атрибута css columns

Ингредиенты: div содержащий некоторый текст, длина которого мы не знаем. Что мы знаем о тексте, так это то, что он содержит несколько ключевых слов, 'mango' например, и эти ключевые слова должны быть помещены в начале нового столбца (например, эти к…
28 апр '17 в 07:46
1 ответ

CSS многоколоночный избежать перерывов

Я пытаюсь создать многостолбцовый макет с помощью CSS, где у меня есть несколько элементов с заголовками между ними. Я пытался использовать break-after: avoid чтобы заголовки не были в нижней части столбца, но они не работают Вот фрагмент, который п…
23 ноя '18 в 11:49
2 ответа

Как вы оформляете текст, который переполняет?

У меня есть неупорядоченный список в формате столбца, который заполняется динамически, обычно только одним или двумя словами в <li>, но иногда появляется более длинный элемент списка. Чтобы сохранить свои столбцы, я решил скрыть лишний текст э…
14 апр '16 в 16:31
1 ответ

Тип списка<ol> не отображается при использовании многостолбцовой разметки CSS3

Я использую многостолбцовый макет CSS3 для упорядоченного списка, но номера списков для отдельных элементов списка не отображаются во втором столбце. Вот JSFiddle. Пример кода ниже. HTML &lt;ol&gt; &lt;li&gt;Item 1&lt;/li&gt; &lt;li&gt;Item 2&lt;/li…
13 дек '15 в 19:52
0 ответов

Увеличьте ширину div с помощью элементов абзаца, имеющих свойство css column-count

У меня есть элемент абзаца. Этот пункт имеет column-count css свойство к этому. Я пытаюсь сделать мои столбцы из элемента абзаца, а также расширить ширину его родительского контейнера. Вы можете увидеть демонстрацию проблемы здесь: https://codepen.i…
10 июл '17 в 21:38
1 ответ

Chrome и Safari отображают столбцы CSS по-разному, когда количество элементов равно количеству столбцов

У меня есть список каталогов, который использует столбцы CSS, но ведет себя по-разному в Chrome и Safari. Каждый раздел каталога имеет оболочку, которая размещает списки в два столбца. У меня есть CSS, поэтому Chrome отображает его так, как я хочу: …
06 дек '17 в 21:49
3 ответа

Как я могу заказать столбцы CSS горизонтально, а не вертикально для элементов разной высоты?

Каждая из моих колонн имеет разную высоту. Как я могу расположить столбец горизонтально, а не вертикально, используя CSS? Также при зависании каждого элемента высота будет немного увеличиваться без наложения ниже элементов. .parent{ /*display: flex;…
06 фев '19 в 07:08
2 ответа

Как убрать пробел во втором столбце сетки CSS?

У меня трудности в моей простой колонке CSS. Вот как это выглядит: HTML: &lt;div class="catalogue-container"&gt; &lt;div class="catalogue-item"&gt; &lt;img src="blabla.jpg" /&gt; &lt;/div&gt; &lt;div class="catalogue-item"&gt; &lt;img src="blabla2.j…
19 сен '18 в 01:14
2 ответа

Вставить разрыв столбца в столбце css3

Есть ли способ вставить разрыв столбца в контент HTML, используя стиль столбца CSS, как &lt;hr&gt;, &lt;br&gt; или что-то другое? Например, у вас есть заголовок, чем абзац, чем заголовок, чем абзац, чем заголовок, чем абзац и т. Д., И вы хотите вста…
05 май '17 в 21:37
3 ответа

Количество столбцов разрезает изображение пополам

У меня большой раздел текста на странице, и когда экран больше, у меня появляются медиазапросы для создания столбцов в текстовой форме. Однако, когда я делаю это, некоторые фотографии не полностью помещаются в один столбец. По какой-то причине он ра…
05 апр '18 в 17:55
2 ответа

Обходной путь вертикального переполнения столбцов CSS

Я пытаюсь упорядочить изображения в виде столбцов, используя CSS-столбцы внутри относительно фиксированного div. Я хочу, чтобы div прокручивал по вертикали, но когда он достигает максимально доступного вертикального пространства, он создает новые ст…
05 июн '16 в 04:13
1 ответ

Начальные столбцы и абзацы переменной высоты

Использование Bootstrap 3.3.7 и попытка передать 17 абзацев переменной высоты в макет с 3 столбцами (col-md-4) для высокого разрешения, 2 столбцами (col-sm-6) или 1 столбцом (col-xs-12), Независимо от того, есть три или два столбца, я бы хотел получ…
27 дек '16 в 18:09
1 ответ

Как получить 100% высоты столбца с помощью CSS?

Я хотел бы получить 100% высоты столбцов с текстом, но кажется, что он никогда не заполняет нижнюю часть div. HTML: &lt;div id="conteneur"&gt; &lt;div id="contenu"&gt; &lt;div id="article"&gt; &lt;p&gt;Alii nullo quaerente vultus severitate adsimula…
27 авг '16 в 10:12
0 ответов

В Mozilla Firefox HTML-таблицы не работают в контейнере div с двумя столбцами

В Mozilla Firefox HTML-таблицы не работают в контейнере div с двумя столбцами. В других браузерах, когда у нас есть таблица в контейнере с двумя столбцами, таблица вырезается в первом столбце и продолжается в следующем столбце, в случае Mozilla она …
14 фев '18 в 08:46
0 ответов

Почему счетчик столбцов отображает тонкие линии в Chrome на экранах 4K?

Я обнаружил странную проблему рендеринга в Chrome, когда он имеет дело со свойством count-count на экранах с высоким разрешением. Я вижу это на экране 4K. body { background-color: #30271d; font-family: arial, sans-serif; -webkit-font-smoothing: anti…
31 авг '18 в 14:30
0 ответов

Chrome: элемент исчезает при использовании фильтра: яркость в макете столбца

Сегодня я наткнулся на довольно странное поведение в Google Chrome (версия 62.0.3202.94). Это происходит, когда элемент внутри макета столбца стилизован с использованием filter, Чтобы быть более конкретным: только когда элемент не находится внутри п…
30 ноя '17 в 14:44
1 ответ

Могу ли я сделать макет только для CSS?

Прежде всего: да, этот вопрос похож на вертикальный и горизонтальный масонство только для CSS Но так как никто еще не ответил на этот вопрос, я попробую еще раз. Я установил макет кладки для своих сообщений WordPress, используя свойство столбцов CSS…
13 янв '17 в 14:15
1 ответ

Таргетинг на определенный столбец в макете столбца CSS

В макете столбца CSS мне нужно нацелить первый столбец и его дочерние элементы. С помощью следующего кода CSS: .multi-column { @media (min-width: 768px) { -webkit-column-count: 2; -webkit-column-gap: 10px; -moz-column-count: 2; -moz-column-gap: 10px…
07 сен '18 в 09:35
2 ответа

Как заставить CSS3 отображать колонки в IE9

Это работает в FF/Chrome/Opera и IE 10+, но не в IE9; Я ищу решение IE9 В следующем CSS-коде набор тегов div, span или p самоорганизуется в аккуратные столбцы, которые можно прокручивать по горизонтали (работает только в браузерах с поддержкой WebKi…
24 янв '17 в 17:34