Angular在Razor cshtml上设置表格行的高度。

Question

我想设置表格行的高度，但是当我设置高度的时候并不尊重定义的高度，而是采取不同的高度，然后利用样式的功能。

white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;

我想要的是将表格行的高度设置为100px，然后，如果文字不适合在单元格中显示三点，以暗示有更多的文字，我想我可以用省略号的样式来实现这个功能。

摘要列是我不知道如何做我想要的。

<table class="table">
    <thead config="con" array="list.students" class="table-header"></thead>
    <tbody>
        <tr ng-repeat="student in list.students">
            <td class="col-md-1 hidden-xs hidden-sm">{{student.id}}</td>
            <td class="col-md-1 hidden-xs hidden-sm">{{student.Name}}</td>
            <td class="col-md-2 hidden-xs hidden-sm">{{student.Class}}</td>
            <td class="col-md- col-sm-10 col-xs-10" style="padding-left: 10px !important; padding-right: 10px !important;">{{student.Summary}}</td>
        </tr>
    </tbody>
</table>

Answer 1

可以试着把你打错的 "样式 "改成 "风格"。