異なる言語でメニューのサイズを変更

Question

私は2つの異なる言語にあるメニューを持っています。私の問題は、各言語では、メニュー内のリンクの名前は、言語の違いにより長さが異なるためです私は、例えば、サイズ変更や2 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要素を持っている必要がありますリストの最後にそれを明確にしていますか？）しかし、それほどうまくサポートされていない表示タイプである "inline-block"には問題はありません。

Answer 2

私はu具体的

ここ

<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に設定するのは、おそらく最も不合理な設定です。平均して、1文字は約0.5emです。