Auto Höhe md-Knopf

Question

Ich benutze eckiges Material, und so weit so gut.

Aber ich kämpfe mit der Verwendung von MD-Taste und wie man sie Auto-Höhe machen. Bei sehr langem Text möchte ich, dass der Text zusammenbricht und in mehreren Zeilen angezeigt wird. (Dies sollte auch in ansprechenden wahr sein)

<div layout="column" layout-align="center center"> 
    <md-button md-whiteframe="2"> 
     .... VERY LONG TEXT HERE ... 
    </md-button> 
</div> 

Ich habe versucht, mit dem Layout ohne Glück zu spielen.

My codepen

Answer 1

Ich denke replease "white-space" Eigenschaft in ".md-Button"

Replease dieses Css:

.md-button { 
    white-space: nowrap; 
} 

mit diesem Css:

.md-button { 
    white-space: normal; 
} 

Answer 2

Versuchen Sie, eine neue Klasse zu Ihrer Schaltfläche hinzuzufügen:

#new-board-btn { 
    white-space: normal; 
} 

http://jsfiddle.net/ADewB/