metro-ui-css - Metro UI 水平雅阁

Question

我发现了如何在 Metro UI 中制作垂直手风琴。

但我想做一个水平的。

可能吗？如果是这样，请问我该如何进行？

Answer 1

如果我理解正确，那么在您提供的链接中，通过将以下 css 添加到第一个 div.cell 中：

.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”类中启用溢出。希望能帮助到你。