список дизайнов с CSS

Question

Я ищу способ предотвратить горизонтальный, строчный неупорядоченный список от взлома на отдельные строки, когда-то содержащиеся внутри элемента с определенной шириной (короче, чем список). элемент имеет «переполнение», установленное на «скрытый».

Единственный способ, которым я нашел для создания этого эффекта, - это дать определенную ширину элементу «UL», но теперь я должен создать этот эффект для списка с неизвестной шириной! (пользователь может добавлять элементы в список). есть ли другой способ? это мне очень помогло!

спасибо все

Answer 1

Вы пытались добавить "белый-интервал: Nowrap" к UL? Это может работать: http://www.w3schools.com/CSS/pr_text_white-space.asp

Answer 2

попробовать этот кусок кода для отображения Элемент списка

#list { 
     width:476px; 
     height:40px; 
     margin-top:40px; 
     float:right; 
    } 

    #list ol { 
     padding:0; 
     margin:10px 0px 0px 27px; 
     float:left; 
     display:inline; 
    } 

    #list li { 
     padding:0; 
     margin:0; 
     display:inline; 
     float:left; 
    } 

Answer 3

попробовать это:

ul.one-liner { white-space: nowrap; } 
ul.one-liner li { display: inline } 

Answer 4

[See it in action]

#container { 
    width: 100px; /* container's specific width */ 
    position: relative; 
    overflow: hidden; 
} 

ul { 
    position: absolute; 
    list-style-type: none; 
    width: 10000px; 
} 

ul li { 
    display: inline; 
}