縮略圖卡片和奇怪的邊距收集重複

我正在構建一個收集重複，它遍歷我的對象並填充基於它們的卡片。我有兩個主要的問題來完成我的工作。使用這種方法時，我一直在使用「縮略圖」卡，但我無法正確設置邊距。它基本上在左側增加了一些餘量，在右側和右側都沒有增加（下限）。我試過CSS，但沒有任何工作。縮略圖卡片和奇怪的邊距收集重複

這是我的HTML代碼：

<div class="card" collection-repeat="item in items" item-width="'100%'"> 
    <div class="item item-divider"> 
     {{item.eventTitle}} 
    </div> 

    <div class="item item-text-wrap"> 
     <b>{{item.eventHour}}</b><br />{{item.eventText}} 
    </div> 
</div>

這是我所得到的在瀏覽器上（這裏沒有添加自定義CSS），看看左邊距和右邊的unexisting一個：

我該如何解決這兩個問題的底部和右邊距？

在此先感謝

來源

2016-07-25 kankamuso

這似乎是一個關於CSS樣式的問題;您應該考慮在問題中包含該標記，並簡要列出您嘗試用來解決問題的CSS。 – Claies

感謝您的建議。至於測試的CSS，我沒有保留它們，絕望......沒有爲我工作:-( – kankamuso

有沒有你正在使用的收集，重複特定的原因是什麼？它會限制你的造型選項。

轉換成一個簡單的NG-重複，使您的問題消失http://codepen.io/aaronksaunders/pen/PzZVPr

<ion-content> 
    <div class="list"> 
    <div class="card" ng-repeat="item in items"> 
     <div class="item item-divider"> 
     {{item}} HEADER 
     </div> 
     <div class="item item-text-wrap"> 
     {{item}} BODY.. 
     </div> 
    </div> 
    </div> 
</ion-content>

來源

2016-07-25 20:56:57

嗯，我剛剛讀到它對大型列表更有效，並認爲它是ng-repeat的替代品。我知道這是更新的，而不是用ng來代替... – kankamuso

縮略圖卡片和奇怪的邊距收集重複

回答

相關問題