Элемент списка CSS одинаковое поле со всеми разрешениями

Question

Я пытаюсь создать меню, я хочу, чтобы мое меню выглядело по центру с левой и правой стороны страницы во всех разрешениях.например;

  800 width
       ----------------------------------------
      | menu item1    menu item2    menu item3 |
      |                                        |
       ----------------------------------------

  1920 width
       ------------------------------------------------
      |   menu item1       menu item2      menu item3  |
      |                                                |
       ------------------------------------------------

Я написал функцию jquery, которая вычисляет новое значение поля для ширины экрана и изменяет поле для каждого пункта меню.Это хорошо работает.Но я хочу узнать, возможно ли сделать это только с помощью css?

Я также попробовал margin-left: 5%, но когда экран имеет небольшую ширину, например 800, мои пункты меню не подходят для div, и некоторые элементы уходятвниз.

Answer 1

хорошо, проблема с процентами в том, что с ними становится очень трудно работать при смешивании с константами.Вы, вероятно, могли бы сделать элементы вписанными в div, определив также значение% для их font-size / paddings / line-heights.

С другой стороны, если у вас есть только 3 элемента в меню,было бы проще использовать float: left / right на элементах 1 и 3 и изменять их поля только в зависимости от ширины экрана.Конечно, это, вероятно, не сработает в меню с большим количеством элементов.