.el-tooltip__popper,
.el-tooltip__popper.is-dark {
line-height: 14px;
max-width: 300px;
}
表格文字太多只显示3行
<el-table-column label="答案" align="center" prop="solution" width="300">
<template slot-scope="scope">
<el-tooltip :content="scope.row.solution" placement="top">
<p class="showOverTooltip">{{ scope.row.solution }}</p>
</el-tooltip>
</template>
</el-table-column>
//样式
.showOverTooltip {
display: -webkit-box;
text-overflow: ellipsis;
overflow: hidden;
/*这里是3行*/
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}