css - 自动高度 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;
}