如何使列表的“项目披露”箭头出现在项目的中间（垂直）

Question

在我的列表的配置选项中将onItemDisclosure设置为true会使箭头出现，但它位于列表的顶部而不是中间。如果列表项目具有固定的高度，我可以添加边距以使其降低，但因为列表中的每个项目的高度都不同，这将不合适。

感激地收到任何想法。

感谢。

Answer 1

要对此css规则.x-list .x-list-disclosure添加position: relative; top: 28%;或您想要的任何百分比。您可以在主css文件之后的index.html中添加此内联。

Answer 2

对父项css使用以下内容，并且有效：

display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;

这是特定于webkit的，与Sencha Touch完美配合。所以，代码将是：

.x-list .x-list-item{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

Answer 3

要获得真正的中心：

.x-list .x-list-disclosure {
    height: auto;
    -webkit-mask-position-y: center;
    margin-top: 0;
}