Question

我有两种不同语言的菜单。我的问题是，在每种语言中，菜单中链接的名称由于语言差异而长度不同，所以我正在尝试说是..我怎样才能设置要调整大小的菜单，并在两种语言中看起来都一样。因为例如：

郎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

我想你想要把你必须更具体的字母放在一边

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

</style>

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

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

这是此结果的一个示例

Answer 3

您可以使用各种单位在CSS中设置width属性，但是您将其设置为什么？既然您知道长度要求可能会有所不同，为什么要强制它们相等？例如，您为希腊语中最长的项目设置的宽度足够大，用英语看起来很尴尬：

 Home          | About us        |

如果你真的需要同样宽的项目（我想这是问题的核心），在width单位设置em可能是最不合理的设置。平均而言，一个字符宽约0.5em或稍差。