2016-04-03 26 views
0

md içerikli öğesinde, akış aşıldığında bir simlama öğesini sıkıştırır. Burada, içeriği <md-content></md-content> içinde silebileceğiniz bir pen ve simbling'inin (yani <div layout="row"..></div>) orijinal boyutunu nasıl aldığını göreceksiniz.Köşeli Malzeme md içeriği, birleştirme öğesi

Bu beklenen davranış mı, yoksa bir şey mi eksik?

cevap

1

Sen, bu senin <div>flex-shrink: 0 ayarını yapmanız tek yolu bu davranışı baskılayabilir. kardeş <div> üzerinde layout="row" kullanma

o karşılamak için içeriğini sıkıştırmak için izin display: flex bunu ayarlıyor onun büyüyen <md-content> kardeş. Alex'in açıklama

+0

Aydınlattığınız için teşekkürler. Çözüm siz problemi çözerken, köşeli malzeme direktiflerini kullanmanın daha iyi olacağını düşünüyorum. Bu durumda, div'umda flex = "none" kullanarak aynı sonucu elde ederim. Cevabınızı kabul ediyorum ama yapamam. – ingkevin

+0

Sorun değil. Yine de, oylama haklarına birazcık yakınlaşmanızı sağlayacak onay kutusunu kullanarak bir cevabı doğru olarak işaretleyebilirsiniz. –

+0

@AlexGriffis lol – atefth

0

kullanım display: block & gibi şamandıra:

<div layout="row" style="display:block"> 
      <md-button class="md-icon-button" aria-label="Previous section" ng-click="seccionesCtrl.anterior()" style="float:left"> 
       A 
      </md-button> 

      <md-button class="md-icon-button next" aria-label="Next section" ng-click="seccionesCtrl.siguiente()"style="float:right"> 
       b 
      </md-button> 
</div> 
1

teşekkürler ben div simbling md-içerik için flex="none" ekleyerek sorunu da hallettim. Ancak, Alex'in çözümü de işe yarayacaktı.

İlgili konular