Показать 3 столбца одинаковой высоты с переменным количеством данных

Question

Я создаю страницу, полную гиперссылок, полученных при запросах к системе управления контентом, поэтому количество ссылок является переменным.

В соответствии с требованиями я должен отобразить все ссылки в 3 столбцах и сделать их презентабельными.

Итак, на данный момент у меня есть карта , и когда я показываю ее в данный момент, она находится в одном большом списке на странице.

Есть ли какой-нибудь способ, которым я могу динамически заставить свои столбцы перетекать друг в друга, чтобы каждый столбец содержал одинаковое количество гиперссылок?

Спасибо.

Answer 1

Самый простой способ сделать это - поместить ссылки в неупорядоченный список, а затем задать стиль для каждого элемента списка, чтобы они составляли 33% от доступной ширины и отображались в строке.

Answer 2

Вы можете попробовать поискать следующие сайты:

• https://web.archive.org/web/1/http://articles.techrepublic%2ecom%2ecom/5100-10878_11-5268973.html
• http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

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