角料md-card找不到它的宽度？

Question

我使用md-card，但找不到宽度。当单词太多时，溢出该行。

Here my code:

 <md-card-title style="padding: 2px 8px;" ng-click="showServerDialog(item)" title="CPU load：{{item.loadCPU}}&#10;{{(item.usedMem)*100|number:2}}%&#10;{{item.usedDisk|filterOutput}}">
    <md-card-title-text style="height: 60px;">
        <span class="md-headline" style="font-size:16px;line-height: 32px">{{item.serverName}}</span>
        <span style="font-size: 12px;color: rgba(255,255,255,0.7);" >{{item.serverUp == 1 ? 'on' : 'off'}} | {{item.loadCPU}} | {{(item.usedMem)*100|number:2}}%|{{item.usedDisk|filterOutput}}</span>
     </md-card-title-text>
 </md-card-title>

我试试这个<span style="font-size: 12px;color: rgba(255,255,255,0.7);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;" >，但它不起作用。 如果单词太多，那就是一个问题。