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表顯示模式佈局

回答

相關問題