Я пытаюсь получить очень похожий результат команды unix ls в браузере с точки зрения расположения элементов.Unix `ls` командный стиль в CSS3
Есть ли какие-либо предложения, основанные на изображении ниже?
Хотя ширина столбцов зависит от длины текста в этом столбце, количество столбцов зависит от ширины окна.
CSS3 имеет новое свойство: column-count и это именно то, что делает ls (при условии, вы заботитесь о перерывах линии, конечно). Просто используйте его на элементе контейнера, определите размер, и вы хорошо пойдете. Вы также можете использовать column-gap, чтобы указать промежуток между ними.
Подробнее об этом здесь: http://css-tricks.com/almanac/properties/c/columns/
Я думаю, что поиск OP - это переменная column-count вместо фиксированного числа. – Joren
@ Joren, вы можете быть правы, это трудно понять полностью. Однако, если OP хочет этого, его можно легко достичь, объединив JS со счетчиком столбцов, правильно? – Shomz
Подставки для указания столбца-счетчика; Я не знал об этом свойстве. – incutonez
Вы можете разместить живую демонстрацию, объяснить, что не работает и как вы пытались решить эту проблему? – elclanrs