Продолжить список с новой строки, если высота блока ограничена

В настоящее время я работаю над дизайном меню, и я возился с несколькими различными макетами и методами. В настоящее время я смотрю на дизайн меню при наведении с расширяющимися полями, содержащими ссылки. Единственная проблема заключается в том, что я установил в поле max-height: 400px;, это означает, что в настоящее время любой список, который я создаю, например. <li>1</li><li>2</li> и т. д. просто продолжается вниз по блоку и за его пределы, а не на следующую строку. Кто-нибудь знает, как заставить его двигаться вправо и действовать так, как будто он начинает новый список?


list menu css
person Banny    schedule 30.05.2013    source источник
comment
Является ли ваша желаемая ситуация, когда вам нужно несколько столбцов, когда элементов больше, чем помещается в поле по вертикали?   -  person Kamiel Wanrooij    schedule 30.05.2013
comment
Да, это те слова, которые я искал. Знал, что хотел написать, но не мог придумать правильный контекст. Как бы я поступил по этому поводу?   -  person Banny    schedule 30.05.2013

Ответы (1)


arrow_upward
2
arrow_downward

Используйте свойство CSS3 column-count, это разделит контент на 3 части, поддержка пока немного рискованно, но это будет идеальный подход к тому, что вы ищете

Демо

div {
    background: #eee;
    height: 120px;
    column-count:3;
    -moz-column-count:3; /* Firefox */
    -webkit-column-count:3; /* Safari and Chrome */
}
person Mr. Alien    schedule 30.05.2013
comment
Идея мне нравится, пригодится в будущем. Однако нет ли способа написать CSS так, чтобы в определенных обстоятельствах ему действительно нужно было перейти в новый столбец, а не предполагать, что это необходимо? - person Banny; 30.05.2013
comment
@LeeB На данный момент я так не думаю, JS или jQuery будут подходящими ... Вы только что отметили CSS, поэтому я ответил :) - person Mr. Alien; 30.05.2013
comment
Хорошая точка зрения. Да, не беспокойтесь, я удивлен, что в век технологий CSS так сильно отстает! - person Banny; 30.05.2013
comment
@LeeB Он не отстает, браузеры непоследовательны с точки зрения поддержки, где IE является королем, поэтому нам нужно использовать проприетарные свойства, резервные сценарии, условные таблицы стилей и т. д. :) и, кроме того, я слышал, что скоро появится CSS4 , и все же CSS3 еще не принял полностью - person Mr. Alien; 30.05.2013
comment
IE король? IE, возможно, худший, кроме того, это просто CSS, я читал об этом, они просто обновляют ту же документацию CSS, а не создают с нуля. - person Banny; 30.05.2013
comment
@LeeB Вот почему я сказал, что IE — король, непоследовательный с точки зрения поддержки, где IE — король, :) - person Mr. Alien; 30.05.2013
comment
О, я с вами, лучший браузер, но худший из всех :) - person Banny; 30.05.2013
comment
@LeeB Да, я просто понимаю, почему они не делают это так же, как другие браузеры. - person Mr. Alien; 30.05.2013
comment
Потому что это Microsoft, и у них есть привычка быть очень неловкими, ха-ха. - person Banny; 30.05.2013