調整不同語言的菜單

Question

我有菜單，這是在兩種不同的語言。我的問題是，在每種語言，菜單中的鏈接的名稱由於語言的差異，是不同的長度，所以什麼我想說的是..我如何可以設置菜單進行調整，看起來像同各兩個languages.Because例如：

朗1：

Home | About us | 

朗2 ：

Αρχική σελίδα | Εταιρεία | 

你可以看到長度的差異。

Answer 1

我想每個項目被包裹在一個錨元件是這樣的：

<a href="#" class="class">Home</a> 

給這個鏈接或它們的容器一定的類，然後用它來設置的項目指定的寬度。

a.class { width: 50px; border-right: 2px solid #000; display: block-inline; } 

用於顯示：block-inline;見評論。

構建菜單的常用方法是將每個錨點元素封裝在列表項中。就像這樣：

<ul id="menu"> 
    <li><a href="#"></a></li> 
    <li>...</li> 
    <div class="clear"></div> 
</ul> 

然後針對列表項是這樣的：

#menu li { width: 50px; float: left; } 
.clear {clear: both;} 

在這種情況下，你需要知道如何用浮漂工作（如爲什麼我需要與該div ），但你不會有問題與不那麼好支持的顯示類型「內聯塊」

Answer 2

我想你想空間的字母你必須更多具體

<style> 
#text1 {letter-spacing:4px} 

</style> 

<div id="text1"> Home | About us </div> 

Αρχική σελίδα | Εταιρεία 

這裏是這樣的結果

http://jsfiddle.net/86DgH/9/

Answer 3

您可以在CSS的width屬性，使用各種單位，但你會它設置爲一個例子嗎？既然你知道長度要求可能會有所不同，爲什麼迫使他們平等？例如，你的寬度設置爲足夠大，在希臘最長的項目，它看起來笨拙的英文：

Home   | About us  | 

如果你真的需要做的項目同樣廣泛的（我想這是對的心臟問題），設置width在em單位可能是最不合理的設置。平均而言，一個字符大約爲0.5em或稍小。