我用的element ui是V . . . 目前遇到一个问题,在用el select组件的时候,当选项的内容很长的时候,会撑开下拉菜单的宽度,这样影响美观。具体如下图所示: 解决这个问题的思路:设置下拉菜单的最大宽度,然后文字超出时,出现横向滚动条。 解决时的问题就是,设置了宽度,横向滚动条却不出现,如下图所示,直接将超出的文字隐藏,并且后面添加省略号 最后我添加了如下的代码: 效果如下,横向滚动 ...
2019-04-09 14:37 0 7735 推荐指数:
.el-scrollbar{ .el-scrollbar__bar.is-vertical { opacity: 1;//改为0不显示滚动条 width:5; } } ...
使用element-ui合计功能, 因列数较多, 产生横向滚动条, 但是合计行却在滚动条下面, 拖动滚动条合计行不会跟着横向滚动: 在当前页面添加以下样式: 效果: 这样就可以拖动了. ...
1.device-tree设置宽和高, 2.el-scollbar设置100% 3.scoped以及样式覆盖问题,保证样式生效就可以实现横向和竖向滚动条 感谢大佬的辛苦奉献,参考:https://blog.csdn.net/qq_34122822/article/details ...
问题:当使用组件el-select时,如果在el-option上使用el-tooltip组件时,在下拉选项比较多时进行滚动,整个网页会出现抖动,并出现滚动条。 代码如下: <el-select v-model="addForm.leader_id" placeholder="请选择 ...
elementUI 中有一个隐藏组件<el-scrollbar>,用来修改滚动条的样式; 因为element用div自定的滚动条 所以可以 .is-horizontal{ display: none ...