首页 > 其他分享 >el-menu字段太长不换行

el-menu字段太长不换行

时间:2023-06-19 16:48:38浏览次数:28  
标签:el flex 换行 menu break 字段 20px

.el-submenu__title {
  display: flex;
  align-items: center;
}
.el-submenu__title span{
  white-space: normal;
  word-break: break-all;
  line-height: 20px;
  flex: 1;
  padding-right: 20px;
}
 
.el-menu-item {
  display: flex;
  align-items: center;
  padding-right: 20px!important;
}
.el-menu-item span {
  white-space: normal;
  word-break: break-all;
  line-height: 20px;
  flex: 1;
}

插入上述代码就可以实现菜单选项换行

 

标签:el,flex,换行,menu,break,字段,20px
From: https://www.cnblogs.com/alannero/p/17491477.html

相关文章

  • 【解决办法】DHCP Relay环境中PC无法获取IP地址,排错与解法
    环境:工具:锐捷EVE模拟器,VMwareWorkstationPro远程工具:SecureCRT系统版本:Windows10问题描述:描述:在DHCPRelay环境中,中继和服务器能正常互通,但是通过抓包发现,PC客户端发送的报文并没有被正常的转发给DHCP服务器。提示:若按照教程还是无法完成操作,可以进入右侧的......
  • windows ,go powershell 测试并且性能分析
    benchamark并且性能分析gotest-runnone-bench.-benchmem-cpuprofilecpu.prof-memprofilemem.prof;Start-Job{gotoolpprof-http=:10000.\cpu.prof};Start-Job{gotoolpprof-http=:10001.\mem.prof}-bench表示执行哪些基准测试函数,后面可以加需要执行......
  • shell函数开发
    函数函数的特点类似于alias别名一样,能够简化linux命令的操作,让整个命令更易读,易用函数,就是将你需要执行的shell命令,组合起来组合成一个函数体还得给这个函数体,起一个名字,这个名字就称之为函数名函数名字+函数体直接调用函数名即可使用shell函数实际开发执行函数的基础概念......
  • ModelBox实战开发:RK3568实现摄像头虚拟背景
    摘要:本文将使用ModelBox端云协同AI开发套件(RK3568)实现摄像头虚拟背景AI应用的开发。本文分享自华为云社区《ModelBox开发案例-RK3568实现摄像头虚拟背景【玩转华为云】》,作者:AI练习生。本文将使用ModelBox端云协同AI开发套件(RK3568)实现摄像头虚拟背景AI应用的开发。最终运......
  • Excel表格不改变格式下修改时间
    Excel表格在不改变格式的情况下,修改时间现象Excel表格有些时候在人工登记时难免出错,例如:写错时间或增加了其他字符出现了错误数据修改如果直接把'?'换成数字,则会出现,格式改变的情况如果是这样,会影响后续的处理。正确的修改方式要在前面加上分号'再看,格式就和其他的数据......
  • IntelliJ IDEA 中设置 Spring Boot 测试单元的调试环境为test
    在IntelliJIDEA中设置SpringBoot测试单元的调试环境为test,你可以按照以下步骤进行操作:打开IntelliJIDEA,并导航到你的项目。打开你的测试类,或者创建一个新的测试类。在测试类中找到你要调试的测试方法。在测试方法的左侧,你会看到一个灰色的调试按钮(一个带有虫......
  • 2023-06-19 API `getMenuButtonBoundingClientRect` is not yet implemented
    前言:想使用该Api来获取设备导航栏高度,结果报错了:API`getMenuButtonBoundingClientRect`isnotyetimplemented尚未实现API`getMenuButtonBoundingClientRect`原因:该Api不支持在app端或者h5端使用。平台兼容如下: AppH5微信小程序支付宝小程序百度小程序抖音小程序飞书小......
  • 修改表字段长度的操作,对业务是否有影响?
    前两天测试同学问了一个问题,表中某一个字段,需要改一下长度,对业务是否会有影响?可能隐约之中,我们觉得没影响,但又好像有影响,究竟有何影响,我们从实验来看最科学。首先建测试表,NAME字段是VARCHAR2(10),10个字节的字符串类型,表有256万数据。我们将其长度改为20,从执行时间看,只有20毫秒,我们......
  • EXPDP导出带LOB字段表报ORA-01555错误解决
    问题概述expdp导出数据,结果遇到如下报错:ProcessingobjecttypeDATABASE_EXPORT/SCHEMA/POST_SCHEMA/PROCACT_SCHEMAORA-31693:Tabledataobject"USER1"."TKINFO"failedtoload/unloadandisbeingskippedduetoerror:ORA-29913:errorinexecutingODCIEX......
  • How to Tell if the I/O of the Database is Slow - 2
    IO的类型:平均响应时间直接关联到具体的IO类型:1.读或写2.单块或多块dbfilesequentialread”,表明正在等待需要的块。dbfilescatteredread”,表明正在等待需要的块。3.同步或异步    同步(阻塞)操作等待硬件完成物理IO,完成后能得到通知,合理地管理操作的成功或失败(成......