Можно ли сделать колонки CSS3 на горизонтальной плоскости?

Я хотел бы знать, возможно ли создавать столбцы CSS3 горизонтально.

Например. если у меня есть параграфы a, b, c и d, и я даю им "column-count: 2", выход будет

A c

B d

Я хотел бы создать столбец таким образом, чтобы выходные данные стали

A b

C d

Кто-нибудь знает, возможно ли это при использовании столбцов css3?

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

Исходная страница использует в основном 3-4 столбца

1 5
css3 multiple-columns

1 ответ:

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

p {
    float: left;
    max-width: 160px;
    min-width: 100px;
    margin: 20px;
}

div { //wrapper
    width: 480px;
}

JsFiddle

Не забудьте очистить float в элементе после столбцов.

2