css：在內容空間之前

Question

使用CSS創建水平導航我想在元素之間使用分隔線。

使用：

li:before 
{ 
    content: " | "; 
} 

我得到一個分頻器。但我想用文字和分頻器

項目（利潤率右）之間的保證金|（？）項目（利潤率右）

如何設置保證金對上述問題標記？有餘裕（或左填充）時，餘量將存在於分配器前，而不是分配器和內容之間。

Answer 1

作爲一個快速的黑客，你可以通過使用轉義的Unicode爲它添加非打破空間：

li:before { 
    content: "\00a0 | \00a0"; 
}​ 

見this fiddle。

但更好的解決辦法是設置一個利潤率左和margin-右（或填充）用於僞元件：

li:before { 
    content: "|"; 
    margin-left: 20px; 
    margin-right: 20px 
} 

參見this fiddle。

Answer 2

試試這個

li:before { 
      content: "|"; 
      padding:0 5px; 
     }