Как сделать автоматически подстраивающуюся ширину ячеек?

Question

[Алексей Смирнов]

Есть такое меню:
jsfiddle.net/ERAFY/gEn39/3
Если, например, width (в .menu) уменьшить с 700px до 600px, то "Ссылка 6" выпадет вниз.

Мне нужно, чтобы этого выпадения не происходило, и все ссылки оставались расположенными одним горизонтальным рядом.

Может, как-то сделать padding-left и padding-right подстраивающимися?
Или другим способом?

Answer 1

[Alexander Mischuk]

Вы фактически сами ответили на свой вопрос в заголовке. Используйте отображение table-cell для элементов меню.
jsfiddle.net/Mischuk/2YaZW

Не поддерживается IE7 и меньше.

Answer 2

[Сергей Мельников]

jsfiddle.net/gEn39/4

Answer 3

[Александр Петров]

А можете набросать пример в jsfiddle.net со всеми стилями?
По данному не понятно, зачем ссылкам именно padding? Для выравнивания по центру? Что мешает использовать text-align:center?

Comments

[Алексей Смирнов]

Сделал набросок.

[Александр Петров]

@ERAFY А нужно, что бы область слева-справа от текста тоже была ссылкой? Вариант с inline-block и justify не подойдет?
jsfiddle.net/S6hQB

[Алексей Смирнов]

@dzhiriki По крайней мере в вашем примере при изменении ширины главного блока с 700px до 600px Ссылка 6 всё равно выпадает вниз.

[Александр Петров]

@ERAFY А, забыл обновил фиддл. jsfiddle.net/S6hQB/2