Nasıl bir linebreak

almak için şu anda Angular Malzeme keşfetmek ve hayret ediyorum. Ama yan yana birkaç kartın nasıl yerleştirilebileceğini merak ettim. Bunu bir ng tekrarı ile yapıyorum. Ama istediğim, üçüncüsünün en fazla üçü yan yana olabileceği, böylece 4. kartın dinamik olarak yeni bir satırda başlayacağıdır.Nasıl bir linebreak

Özel bir css olmadan bunun nasıl oluşturulacağı hakkında herhangi bir fikir var mı?

<md-content layout-xs="column" layout="row"> 
    <div flex-xs flex-gt-xs="120" layout="column" ng-repeat="item in items"> 
     <md-card> .... </md-card> 
    </div> 
</md-content>

kaynak

2016-03-27 juleee

bu soruyu kontrol ettiniz http://stackoverflow.com/questions/21644493/how-to-split-the-ng-repeat-data-with-three-columns-using-bootstrap – PSK

Hayır, ancak bu değil hayal ettiğim bir çözüm. Çözüm, JavaScript'in içinde bulunduğundan, yanıt vermeyecek veya hiçbir şey olmayacaktır. Genel olarak, JavaScript'teki Düzen sorunlarını çözmenin kötü bir fikir olduğunu düşünüyorum. – juleee

Sen flex kullanarak bunu yapabilirsiniz:

<md-content layout-xs="column" layout="row" flex> 
    <md-card ng-repeat="item in items" flex="33"> .... </md-card> 
</md-content>

Ve aşağıdaki css özellik ekleyerek:

md-content{ 
    flex-wrap: wrap; 
}

DÜZENLEME:

olarak @juleee tarafından işaret, tarafından da başarılabilir

<md-content layout-xs="column" layout="row" flex layout-wrap>

otomatik md-content için yukarıdaki css eklersiniz: layout-wrap direktifi eklemek.

kaynak

2016-03-27 05:24:41 Daniel

Mükemmel! Çok teşekkürler. Ve md-content elementime "layout-wrap" eklerseniz herhangi bir CSS'ye ihtiyacım yoktur. – juleee

Doğru. cevabımı güncelledi. rica ederim :) – Daniel

Nasıl bir linebreak

cevap

İlgili konular