Javascript 如果在移动设备上，则将数组（索引列表）拆分为两行

在我的爱奥尼亚项目中，我试图集成一种索引列表，但随后是水平的。列表和现在一样好，但我也希望支持小屏幕设备，因此希望将列表分成两行，因为屏幕小于700px

所需输出：
这就是我到目前为止所做的：

$scope.alphabet={
A:{
名称：“A”，
金额：0
},
B:{
名称：“B”，
金额：0
},
C:{
名称：“C”，
金额：0
},
D:{
名称：“D”，
金额：0
},
E:{
名称：“E”，
金额：0
},
F:{
名称：“F”，
金额：0
},
G:{
名称：“G”，
金额：0
},
H:{
名称：“H”，
金额：0
},
一:{
姓名：“我”，
金额：0
},
J:{
姓名：“J”，
金额：0
},
K:{
名称：“K”，
金额：0
},
L:{
姓名：“L”，
金额：0
},
M:{
姓名：“M”，
金额：0
},
N:{
名称：“N”，
金额：0
},
O:{
名称：“O”，
金额：0
},
P:{
名称：“P”，
金额：0
},
问:{
名称：“Q”，
金额：0
},
R:{
名称：“R”，
金额：0
},
S:{
名称：“S”，
金额：0
},
T:{
名称：“T”，
金额：0
},
U:{
名称：“U”，
金额：0
},
五:{
名称：“V”，
金额：0
},
W:{
名称：“W”，
金额：0
},
X:{
名称：“X”，
金额：0
},
Y:{
名称：“Y”，
金额：0
},
Z:{
名称：“Z”，
金额：0
}
};
。按钮字母表{
背景：透明；
颜色：#777；
宽度：3.8%；
边框：1px实心#999；
显示：内联；
}
.按钮字母表[禁用]{
边界：无；
}
.按钮字母：第n个类型（13）：之后{
内容：“\A”；
空白：预处理；
边框：10px纯黑；
}

{{letter.name}
首先，使用
ng类时出现语法错误

这是正确的语法：

ng-class="{ current : $index == 13 }"

我已经更新了代码。我不知道这在视觉上是否是期望的结果，但我已经为第13个元素应用了ng类，并定义了在您的示例中使用的css样式

可以使用
ng repeat start
执行此操作，然后使用
ng repeat end
添加块元素作为分隔符

HTML

谢谢，我将更新代码以获得正确的语法。然而，这不是我想要的效果。我正在尝试断开按钮，以便按钮（现在全部在一行中）分布在两行上。您想从哪个元素断开？你提到了第13个元素。没错，它会均匀地分割数组。但我想中断，并继续在同一行上的流，如下所示：。在$index:13上设置块元素不是我想要的。非常感谢！！这修正了它：）
<button ng-repeat-start="letter in alphabet" ...>{{letter.name}}</button>
<div ng-repeat-end ng-if="$index==12" class="separator"></div>

 .separator{
    display:none;
  }
  @media screen and (max-width:700px){
    .separator{          
      display:block;
    }
  }