Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать?
float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
simplehtml
Друзья, добрый вечер!
Возникла задача сверстать список. Задача такая: дано, например, 17 li в ul. Требуется, чтобы "по умолчанию" они выравнивались вертикально строго друг под другом в колонке. Колонка может поместить в себе 15 li. Так вот с первыми 15 все ясно, а 2 оставшихся должны переместиться в колонку правее и также выравниваться друг под другом в формате уже другой колонки, но одного списка ul. Как это реализовать?
float: left не подходит тут, потому как тогда все li будут строиться сразу в 2 колонки, а главным условием является сперва полное заполнение первой колонки и далее уже, если не поместились в первой, показывать их в колонке рядом. Спасибо.
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.