html - 调整不同语言的菜单大小

Question

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

语言 1:

Home | About us |

语言 2:

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

您可以看到长度的差异。

Answer 1

我想每个元素都包裹在这样的 anchor 元素中:

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

给链接或它们的容器一个特定的类，然后使用它来将元素设置为指定的宽度。

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

用于显示: block 内联；见评论。

构建菜单的一种常见方法是将每个 anchor 元素包装在一个列表项中。像这样:

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

然后像这样定位列表项:

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

在这种情况下，您需要知道如何使用 float (例如，为什么我需要在列表末尾使用带有 clear 的 div？)，但是您不会遇到不太支持显示类型“inline-block”