调整不同语言的菜单

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或稍小。