前端 - 为什么表格内容超出屏幕不显示滚动，溢出部分直接隐藏？
UI：
<div style="height: 100%;">
<!-- 面包屑 -->
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>权限管理</el-breadcrumb-item>
<el-breadcrumb-item>角色列表</el-breadcrumb-item>
</el-breadcrumb>
<!-- 主体表格 -->
<el-table :data="rightsList" height="100%" border style="width: 100%" stripe>
<el-table-column type="index" label="ID" width="180">
</el-table-column>
<el-table-column prop="authName" label="权限说明">
</el-table-column>
<el-table-column prop="path" label="路径">
</el-table-column>
<el-table-column prop="level" label="权限层级">
<template slot-scope="scope">
<el-tag v-if="scope.row.level === '0'">标签一</el-tag>
<el-tag type="success" v-else-if="scope.row.level==='1'">标签二</el-tag>
<el-tag type="danger" v-else>标签三</el-tag>
</template>
</el-table-column>
</el-table>
</div>共有1个答案
逐级排查 overflow:hidden 吧，默认是不会隐藏的
https://codepen.io/linong/pen/YzRqovO
-
问题内容： 所以目前我有： 但是，我认为对于某些用户来说，那里有更多的内容是显而易见的。他们可以在不知道我的div实际包含更多内容的情况下向下滚动页面。我使用510px的高度，因此它会截断一些文本，因此在某些页面上看起来确实有更多内容，但这不适用于所有页面。 我使用的是Mac，在Chrome和Safari中，垂直滚动条仅在鼠标悬停在Div上并且您正在滚动时才会显示。有没有办法一直显示它？ 问题答案
-
我有这个代码: 它给了我这个： 它应该是一个8x8的网格，但它已经溢出了。如何以非编程方式（通过xml）拟合64个方块？
-
以下是我用来实现上述布局的代码： 我省略了用于样式设置的代码。你可以在钢笔里看到所有的东西。 上述方法有效，但当区域的内容溢出时，会使整个页面滚动。我只希望内容区域本身滚动，因此我将添加到div。 现在的问题是，柱本身并没有超出其父高度，因此边界也在那里被切断。 这是显示滚动问题的笔。 如何将区域设置为独立滚动，同时使其子项延伸到框的高度之外？
-
本文向大家介绍Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法，包括了Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法的使用技巧和注意事项，需要的朋友参考一下 Index.html 效果如图: 以上这篇Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持呐喊教程。
-
我的目标是创建一个具有特定条件的表： 如果显示宽度太小，无法容纳内容，请添加水平滚动条，并且不要收缩单元格。 如果显示高度太小，无法容纳内容，请添加垂直滚动条，并且不要收缩单元格。 我设法实现了这一点，但我有一个问题，如果显示宽度和高度都太小，不能适合内容，垂直滚动条是完美的，但水平滚动条隐藏在垂直溢出下。因此，如果用户希望看到整个第一行，他/她需要垂直滚动到末尾，然后水平滚动到末尾，最后垂直往回
-
问题是当我将页面收缩到某个点时， 元素的顶部溢出，奇怪的是底部没有溢出。说清楚一点，我不想让这两个都溢出来。 这里有一个指向它的JSFiddle链接:https://jsfidle.net/maep468x/1 您将看到，当您运行它并将结果窗口缩小到大约350px时， 元素开始溢出。 我已经尝试从.main-content规则中删除我的line-height和font-size属性，但它仍然溢出。