コンテンツをラップする角度の材料デザインレイアウト

Question

以下のレイアウトを達成するには（カードレイアウトの下の「プラス」アイコンを使用）？ ：この方法だ

<section layout="column" style="background-color: black;"> 

     <md-card flex="100"> 
      <md-card-header style="background-color: greenyellow; "> 
       <h2>Card headline</h2> 
      </md-card-header> 
      <md-card-content class="inline"> 
       Card content 
      </md-card-content> 

     </md-card> 

    </section> 

Answer 1

：

は、私は、次のコードを試してみましたか？

<div class="demo" ng-app="MyApp"> 
    <md-content class="md-padding" flex-gt-xs="50"> 
    <div layout="column" layout-align="center center"> 
     <md-card> 
     <md-card-title> 
      ... 
     </md-card-title> 
     </md-card> 

     <md-button class="md-fab" aria-label="Eat cake"> 
     <md-icon md-svg-src="img/icons/cake.svg"></md-icon> 
     </md-button> 
    </div> 
    </md-content> 
</div> 

Here's a Codepen元のカードの例の1つから変更されました。