如何使'onItemDisclosure'箭頭出現在項目的中間（垂直）

在我的列表的配置選項中將onItemDisclosure設置爲true會使箭頭出現，但它位於列表的頂部，而不是在列表頂部在中間。如果列表項目的高度是固定的，我可以添加保證金來降低它的值，但是因爲列表中的每個項目可能會有不同的高度，所以這不合適。如何使'onItemDisclosure'箭頭出現在項目的中間（垂直）

任何想法感激地收到。

謝謝。

來源

2011-09-20 David

對於此css規則.x-list .x-list-disclosure添加position: relative; top: 28%;或任何你想要的百分比。您可以在main.css文件後面的index.html中內聯添加。

來源

2011-09-20 11:29:06 ilija139

感謝。你知道爲什麼指定50％似乎將它從列表中的項目頂部移動超過50％？我已經把它設定爲35％，它在中間死掉了。所以它給出了預期的結果，但我只是想知道爲什麼它是35％而不是50％。 – David

它將箭頭的頂角設置爲列表項高度的50％。 15％的折扣都是以箭頭（31px的高度）爲中心。所以你不能總是把它集中。但是，如果您的列表項具有相似的高度從50像素到100像素，則35％或更少是足夠好的，因爲您無法注意到1或2像素的差異。如果你想要一個像素完美的中心，你必須通過JavaScript動態設置它，也就是將每個列表項的高度 - 31（箭頭）除以2得到px中的確切頂部。 – ilija139

如果對答案滿意，請將其標記爲解決此問題的正確答案。 – ilija139

使用下面的父項的CSS，並將努力有史以來最好的：

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

這是WebKit的特定與煎茶觸摸完美的作品。因此，該代碼將是：

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

來源

2011-11-09 10:12:21 Swar

要獲得真正的中心：

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

來源

2013-04-30 14:45:34 andriys

如何使'onItemDisclosure'箭頭出現在項目的中間（垂直）

回答

相關問題