составление списка с помощью CSS

Question

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

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

спасибо всем

Answer 1

[ Посмотреть в действии ]

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

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

ul li { 
  display: inline;
}

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

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