2021-10-27 elementUI中的描述列表宽度控制el-descriptions

elementUI描述列表宽度控制


labelStyle="word-break:keep-all" 

//控制描述列表中的key,意思是只能在半角空格或连字符处换行。

contentStyle="max-width: 300px; word-break: break-all"

//控制描述列表中的value,意思是最大宽度300px,允许在单词内换行。(另外注意这里面的宽度不能识别百分比.)

上述两行代码加载el-descriptions上


就可以控制当前描述列表了



更新


这种写法会报,错如下图:


报错信息大概意思labelStryle所需的属性是对象,但是只找到了字符串xxxx

因此,我们应该换一种写法

将css属性转换为data中的数据形式

就可以解决这个错误了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS3简介 CSS3 是层叠样式表(Cascading Style Sheets)语言的最新版本,旨在扩展CSS...
    DHFE阅读 3,736评论 0 1
  • 前言 如果这篇文章有帮助到你,给个❤️关注,❤️点赞,❤️鼓励一下作者,接收好挑战了吗? ❤️笔芯❤️~ Web模...
    前前前端小飞阅读 6,771评论 0 45
  • 时间:2016年5月20号 在盒模型结束后,对于之前的文本样式和表格属性具体讲解了一些知识点,但是并不是重要的,只...
    旭先生阅读 3,770评论 0 1
  • HTML5:布局类标签 HTML是具有语义化的语言,针对网页的布局,有一类标签代表各种意义的“布局盒子”。所有的布...
    ljz2020阅读 1,616评论 0 0
  • 首先介绍下自己的背景: 我11年左右入市到现在,也差不多有4年时间,看过一些关于股票投资的书籍,对于巴菲特等股神的...
    瞎投资阅读 11,066评论 3 8

友情链接更多精彩内容