自动高度 md 按钮

Question

我正在使用 angular material，到目前为止还不错。

但我正在为 md-button 的使用以及如何使它们自动调整高度而苦恼。对于很长的文本，我希望文本分解并显示在多行上。 （响应式也应该如此）

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

我试过布局，但运气不好。

My codepen

Answer 1

我认为请在“.md-button”中重新添加“white-space”属性

请回复这个Css:

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

有了这个 Css:

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

Answer 2

尝试向您的按钮添加新的 class：

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

http://jsfiddle.net/ADewB/