地铁 UI 水平手风琴

Metro UI Horizontal Accordin

我找到了如何制作 vertical Accordion in Metro UI

但是我想做一个横向的。

可能吗?如果是这样,我该如何进行?

如果我理解正确,那么在您提供的 link 中,将以下 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”class 中启用溢出。希望对你有帮助。