我做了一个菜单的jsFiddle 。。。 一切都很完美,动态,然后到了通往小山left/right边没有Javascript或weird/ugly HTML语义问题。 ( 其实现在应适用于ie 6,如果有关系)
HTML :
CSS :#menuwrapper {
height: auto;
background: #000;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
}
.menuitem {
width: auto;
height: 40px;
vertical-align: top;
display: inline-block;
*display: inline;
zoom: 1
background: #000;
color: yellow;
}
.stretcher {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0;
}
以它为原型thirtydot的回答在此线程上。