导航相对间距

Question

我在无序列表中有许多列表项目，将用作水平导航。第一个和最后一个项目（都是按钮）左右浮动，但是有一种标题（Admission Process），它的居中位置是按钮组（后退/下一个）需要大约75％名单。

最好是使用像％这样的相对值，我相信ems？它只需要灵活和响应。我没有添加CSS，因为它可能只会混淆问题。

<ul id="form-fill-nav" class="clearfix"> 
     <li class="first"><a href="#" class="btn-nav-1">Selected Forms</a></li> 
     <li>Admissions Process</li> 
     <li><a href="#" class="btn-nav-1">Back</a></li> 
     <li><a href="#" class="btn-nav-1">Next</a></li> 
     <li class="f-right"><a href="#" class="btn-nav-1">22</a></li> 
    </ul> 

Answer 1

使用上下文来确定溶液：

• 百分比基于值由相对框上浆控制

• em/ex/ch/rem基于值由相对字体尺寸控制

• 基于vw/vh/vmin/vmax的值由相对视口（窗口）尺寸控制

  个

参考

• CSS Values and Units Module Level 3: Relative Lengths