element 组件中 el

发布时间:2024-12-11 13:11

如何在Vue.js中使用Element UI进行组件开发 #生活技巧# #数码产品使用技巧# #设计软件使用技巧#

最新推荐文章于 2024-11-01 08:13:02 发布

确认过眼神cxy 于 2021-02-23 10:40:26 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

开发中 会遇到一些奇怪的标题,需要强制换行
但是label 中没法用换行标签,特殊符号。怎么解决?

html代码中文字换行

<el-form-itemclass='singerH'label="vue介绍(vue设置)"> </el-form-item> 12345

定义样式 添加 white-space: pre-wrap;

.singerH /deep/ { .el-form-item__label { white-space: pre-wrap; text-align: center; } } 123456

white-space 对应变量的解释

normal默认。空白会被浏览器忽略。 pre空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 nowrap文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。 pre-wrap保留空白符序列,但是正常地进行换行。 pre-line合并空白符序列,但是保留换行符。 inherit规定应该从父元素继承 white-space 属性的值。 123456

网址:element 组件中 el https://www.yuejiaxmz.com/news/view/443829

相关内容

element ui 弹出组件的遮罩层在弹出层的上面的解决方法:modal
vue&Element
vue el
element Table 展开行功能 (设置点击行可展开功能)
element
html 日期 年月 年月日 及默认样式
el
vue组件中是否可以访问实例data中数据?
El Largo Invierno = The Long Winter
Gerardo el Guepardo = Charlie the Cheetah

随便看看