Создание полноразмерного горизонтального меню в CSS

Question

Создание полноразмерного горизонтального меню в CSS

0

Как заставить мои вкладки взять все оставшееся пространство в меню? поэтому отрегулируйте промежутки между вкладками в соответствии с количеством вкладок.

<div id="menu">
    <ul>
        <li>
            <a class="lien_menu"><br>Onglet0 loooooooog</a>
        </li>
        <li>
            <a class="lien_menu"><br>Onglet1</a>
        </li>
    </ul>
</div>

Вот мой текущий код: http://jsfiddle.net/Fxy8r/

Заранее спасибо.

user3112991 18 дек. 2013, в 21:23

Источник

1

Можете ли вы перефразировать ваш вопрос или добавить иллюстрацию?
Ranveer 18 дек. 2013, в 20:23
0

Это горизонтальное меню или вертикальное меню?
user1618143 18 дек. 2013, в 20:26
0

Вы используете неупорядоченные списки, но не определяете, как должен отображаться каждый элемент списка. Там, где вы можете достичь результатов, которые вы ищете
gSaenz 18 дек. 2013, в 20:30

Показать ещё 1 комментарий

Теги:

html

css

html5

css3

2 ответа

Ещё вопросы

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

myajouri · Answer 1 · 2013-12-18T19-15-00.000Z

Добавьте следующий CSS:

#menu {
  display: table;
  table-layout: fixed;
}

#menu ul {
  display: table-row;
}

#menu ul li {
 display: table-cell;
}

Обновленный скрипт: http://jsfiddle.net/Fxy8r/1/

user2867973 · Answer 2 · 2013-12-18T20-43-00.000Z

#menu {
  width:100%;
}
#menu ul {
  width:inherit;
}
#menu ul li {
  width:50%;
  float:left;
}