metro-ui-css - Metro UI 横アコーディン

Question

Metro UI で垂直アコーディオンを作成する方法を見つけました。

しかし、私は水平のものを作りたいです。

出来ますか？もしそうなら、どうすればいいですか？

Answer 1

私が正しく理解していれば、最初の div.cell に次の css を追加して提供したリンクで:

.cell{width: 100%;}/*the div container containing the frame classes*/
.frame{float: left;}
.frame .heading, .frame .content{width: 200px;};/*you can choose the width you prefer but I guess they have to be the same width*/

次のようなものが得られます。

必要に応じて、「.frame .content」クラスでオーバーフローを有効にすることもできます。それが役に立てば幸い。