自动高度md按钮

时间:2016-05-03 12:59:58

标签: css 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

2 个答案:

答案 0 :(得分:1)

我觉得很高兴&#34;白色空间&#34;物业在&#34; .md-button&#34;

请注意这个Css:

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

使用此Css:

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

答案 1 :(得分:0)

尝试在按钮中添加新课程:

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

http://jsfiddle.net/ADewB/