el-descriptions描述列表换行

已于 2023-05-22 10:01:26 修改
阅读量3.1k 收藏 5
点赞数 2
文章标签： elementui vue.js javascript html 前端
于 2022-08-16 11:24:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68819649/article/details/126362358
版权

实现content内容换行,element-ui官网文档中没有给出具体的解决方案

 在el-descriptions配置项中设置宽度,并加入style即可

:content-style="{ width: '20%' }"

style="word-break: break-all:word-wrap: break-word;"

book思议493
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简洁描述列表网页模板
01-22
简洁描述列表网页模板
[element-ui] el-descriptions站位，换行用法
Ls66666Ls的博客
07-07 6038
需要将el-descriptions-item换行用法：使用span（1）span 代表占位，当span 的值大于 column的值，就会自动换一行（2）span：元素占据的列数，默认为1。默认每个item占据一个格子。
织梦dedecms让内容摘要description简介支持换行方法
小风飞子的博客
05-17 625
织梦dedecms模版让内容摘要简介支持换行前台列表页中标签写法： [field:description function=nl2br(@me)/] 还有种方法可以实现： *步：我们找到根目录下后台文件dede/ article_edit.php 和article_add.php 两个文件建议用editplus编辑软件打开然后ctrl+h搜索 description，并找到以下两行代码： description=cnsubstrR(description = cn_substrR(description=c
el-descriptions 自定义标签 换行 占位用法
finallyideas的博客
04-20 5233
span：元素占据的列数，默认为1。也就是上面分配了3，那默认每个item占据一个格子（为el-descriptions-item属性）column：列表行内元素的数量，默认为3。也就是一行默认为3个item（为el-descriptions属性）
VUE解决el-descriptions-item里面放el-progress组件会换行，不在一行显示
sinat_36483049的博客
02-27 3289
VUE解决el-descriptions-item里面放el-progress组件会换行问题
Hexo 在subtile和description中实现换行
ZeroZone零域的博客
09-22 3035
如下所示，用双引号括起来，同时实现<br>即可达到换行目的 # Site title: "LEO'S NOTE" # 标题 subtitle: "心有猛虎 | 细嗅蔷薇" # 副标题 description: "Stay Hungry.<br>Stay Foolish." # 简介，分两行显示 author: zerozone # 博主 站长 language: zh...
el-descriptions文本水平垂直居中
weixin_45366616的博客
08-19 5126
最近element-ui遇到了很多坑，做项目想要让el-descriptions标签内容文本水平垂直居中，上网查发现都不顶用。发现不能直接对它样式进行修改，通过contentStyle和tabelStyle属性设置其样式，且属性值需要封装成对象。将创建好的样式对象通过element-ui给我们的属性值进行设置。花了一些时间，查阅了下官方文档。知道原理就好办了，先设置样式对象。...
q2a-tag-descriptions:为标签页中的标签和描述添加标题和图标。 这个插件对于 Q2A 的 SEO 必不可少
06-23
描述 这个Question2Answer插件允许添加 HTML 描述到标签页面，以及标题和图标来标记链接。 这个插件最初是由 Gideon Greenspan 在中。 我刚刚添加了一些很酷的功能： 新的功能 向标签添加标题（它将在标签的标题属性...
Enchantment-Descriptions:在工具提示上显示关于结界的描述
05-14
附魔说明 在工具提示上显示有关附魔的描述。增加支持这个mod使用简单的格式来描述结界。 您可以通过向您的语言文件添加翻译键来使用该格式添加对此mod和其他版本的支持。 格式为enchantment.MODID.ENDID.desc= 。...
star-wars-descriptions
03-06
Create React App入门该项目是通过引导的。可用脚本在项目目录中，可以运行：npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误...
swagger-descriptions:手动创建的 swagger 描述以供常见重用
06-23
常见重用的 Swagger 描述 此存储库包含为那些希望通过通用 Swagger 客户端调用的 Web API 手动创建的描述。 此处提供的文件只是对 3rd 方提供的服务的描述，以帮助您快速使用和创建简单的客户端。 除非另有说明，...
vue3封装ElementUI plus Dialog弹窗
最新发布
阿狸演绎的博客
05-20 126
因为ElementuiPlus的dialog弹框的初始样式不太好看,而公司要求又要好看,本来是已经实现了,但是后来想想了发现封装完dialog的其他功能也要,所以特此记录一下。思路:封装一个组件,组件内部嵌套el-dialog,然后定义好公共样式,定义好方法,直接使用。思路:封装一个组件,将所有新增的参数引入el-dialog 参数中,实现参数共用。缺陷:因为很多属性定义好了,导致如果超出既定样式的方案就得重新调整代码。新建一个组件,将官网暴露的属性全部引用了。
Vue3:封装Table 表格组件
qq_45061461的博客
05-20 297
组件官网 elementPlus : 点击跳转创建新的组件文件: Table.vue 2.接收父组件传递过来的数据 3.父组件代码 效果：
vue3 ElementUI 日期禁选当日前, 当日后,几天后,几天前(例如3天后)
m0_46554818的博客
05-16 195
【代码】vue3 ElementUI 日期禁选当日前, 当日后,3天后。
el-input 自动获取焦点
一只想躺平却不敢躺平的小菜鸟
05-20 138
el-input 自动获取焦点
el-table自定义表头数据不更新
yy_demo的博客
05-20 149
但是为什么会出现这个情况呢：原来是Vue在编译模板时，会对静态内容进行优化，将其提升为静态渲染，以提高性能。当我们用slot="header"来定义表头时，Vue会将其视为静态内容，不会进行响应式更新。动态插槽会被Vue处理为响应式的内容，当数据变化时，Vue会重新渲染插槽内容，并将其更新到对应的位置上。这样就实现了自动更新。显示是显示出来了，但是数据是最开始默认的，不会更新，后来我搜索到方法，说讲将slot=“header” 改成#header，改了之后的确可以显示了。
Element Plus/vue3 无限级导航实现
小张微说的博客
05-16 1200
在使用element plus 时，最初要使用的就是导航组件了，官网上看到的也就是写死的一级/二级导航，那么如何设计一个无限级且动态的导航呢？毋庸置疑，递归。废话不多说，直接看代码和效果： 代码： 目录结果 SidebarItem.vue <template> <el-menu-item :index="item ? item.url : ''" v-if="!it...
element DatePicker 日期选择器设置禁用未来日期，时间范围为60天
红烧咸咸鱼
05-16 265
element DatePicker 日期选择器设置禁用未来日期，时间范围为60天
vue，多个下拉框，使用同一个数据源，实现下拉数据不被重复选择
cxz
05-15 339
这里只需要通过 disabled 属性 去禁用掉即可。
el-descriptions-item换行
06-28
el-descriptions-item换行是指在使用Element UI的Descriptions组件时，当某个属性的值过长时，需要自动换行显示。可以通过设置el-descriptions-item的属性：label-width和content-width来控制换行的效果。其中，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值