角度材料md-card-title-text的高度爲0

我想知道爲什麼我的md-card-title-text不能正確渲染，我沒有任何額外的CSS，只是默認的角材料角度材料md-card-title-text的高度爲0

我使用TE下面的代碼來顯示它：

<md-card> 
    <md-card-header> 
     <md-card-avatar> 
      <img class="md-user-avatar" src="https://material.angularjs.org/HEAD/img/100-2.jpeg" /> 
     </md-card-avatar> 
     <md-card-header-text> 
      <span class="md-title">User</span> 
      <span class="md-subhead">subhead</span> 
     </md-card-header-text> 
    </md-card-header> 
    <md-card-title> 
     <md-card-title-text> 
      <span class="md-headline">In-card mixed actions</span> 
      <span class="md-subhead">Reversed</span> 
     </md-card-title-text> 
    </md-card-title> 
    <md-card-content> 
     <p> 
      The titles of Washed Out's breakthrough song and the first single from Paracosm share the two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well... 
     </p> 
    </md-card-content> 
    <md-card-actions layout="row" layout-align="start center"> 
     <md-button>Action 1</md-button> 
     <md-button>Action 2</md-button> 
     <md-card-icon-actions> 
      <md-button class="md-icon-button" aria-label="toggle"> 
       <md-icon md-svg-icon="md-toggle-arrow"></md-icon> 
      </md-button> 
     </md-card-icon-actions> 
    </md-card-actions>  
</md-card>

下面是該問題的一個屏幕截圖：

來源

2016-02-14 Kiwi

你舉的例子確實爲我工作。我看到你包含一個vendor.css。你可以使用angular-material.css來確定嗎？ –

是的，我做到了，但我運行最新版本的Chrome：版本50.0.2633.3 – Kiwi

Plunkr/Codepen？ – kuhnroyal

我有相同的錯誤，無法在Codepen或其他任何地方重現它。經過一段時間的努力，我發現我忘了將<!DOCTYPE html>添加到html文件中，從而解決了問題。

最好的問候，
本傑明

來源

2016-03-03 13:06:31

它解決了我的問題！謝謝！ – sung

@Benjamin - 它解決了問題！感謝您發佈簡單的... HTML5指令 – user2347763

角度材料md-card-title-text的高度爲0

回答

相關問題