導航相對間距

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