CSS 菜单，其中按钮等可以左右对齐

Question

我需要制作以下类型的菜单，但我不知道如何使用 CSS 将按钮左右对齐，以便它也能在 IE 中工作。菜单也应该有固定的高度，但这似乎会导致一些问题..

|Button1|Button2|-----------------------------------------------|Button3|

|table here ------------------------------------------------------------|

|Button1|Button2|-----------------------------------------------|Button3|

Answer 1

如果强制元素具有隐藏的 hasLayout 属性，则可以使用 CSS 和 IE 来执行此操作:

<style>
/* allow buttons to display on the same line */
.menu-button { display:inline-block; }

/* make button float on the right */
.menu-button-right { position:relative; display:block; float:right; }
</style>

<div>   
   <div class="menu-button">Button1</div>   
   <div class="menu-button">Button2</div>   
   <div class="menu-button-right">Button3</div>
</div>