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。

另一方面，如果菜单中只有3个项目，则在项目1和3上使用float：left / right会更容易，并且只会根据屏幕宽度更改其边距。当然，这可能不适用于包含更多商品的菜单。