CSS表显示模式布局

View JSFiddle >CSS表显示模式布局

我有用于jQuery来使（see here），我有一种感觉，大量的代码可以与display: table，display: table-cell和display: table-row被替换的布局。然而，我从来没有能够弄清楚。

HTML

<menu> 
    <command class="less" /> 
    <command class="more" /> 
    <div></div> 
    <command class="save" /> 
    <command class="vote" /> 
    <div></div> 
    <command class="send" /> 
    <command class="exit" /> 
</menu>

Action Bar

你可以看到它使用了jQuery here工作，或没有它here。

提前感谢您的帮助。

PS：我不想因为我自己的原因更改元素类型，所以请留下<menu>和<command>元素。我只需要CSS帮助

来源

2012-01-13 James Kyle

确实“http://jsfiddle.net/kkBRE/31/”代表正确的视觉输出？如果是这样，你只是想找到方法来改变jQuery和CSS使用display：table值吗？ – 2012-01-13 21:51:36

@ZackMacomber是的。 – 2012-01-13 23:14:42

我添加了一些HTML元素来使这个函数只使用CSS，没有JavaScript。

此外，我通过在x之前删除了一些现有的CSS属性。例如：

menu > div { 
    Xheight: 40px; 
    Xfloat: left; 
}

链接到jsfiddle example。

来源

2012-11-21 16:32:58 jim31415

CSS表显示模式布局

回答

相关问题