element el-tooltip 提示语换行显示

el-tooltip的项目需求其实很常见，就是平时鼠标移入的提示语

就是这个问号，但是没有换行，视觉效果太差了

代码:

<el-tooltip class="item" effect="dark" content="创建创意时从视频中自动抽取多帧图片优选生成封面，本方案无需手动上传图片" placement="top"><i class="el-icon-question smartTip"></i>
</el-tooltip>

修改后:

就是把el-tooltip的content属性写在里面的div里面slot就可以了

<el-tooltip class="item" effect="dark" placement="top"><i class="el-icon-question smartTip"></i><div style="width: 200px;" slot="content">创建创意时从视频中自动抽取多帧图片优选生成封面， 本方案无需手动上传图片</div>
</el-tooltip>

element el-tooltip 提示语换行显示相关推荐

提示语默认显示标签:placeholder
1.提示语默认显示,当文本输入时提示语消失. 2.适用于input.text. search.url.email.password等类型标签. 如: <input type="sear ...
echarts 饼图每块颜色_读者提问，如何让 tooltip 提示框内显示饼图
效果截图前些天有读者问,ECharts 的提示框(tooltip)内,能不能添加一个饼图? 我之前倒是看到过用饼图作为散点图数据点的例子,感觉应该有办法--但是提示框和那个不太一样,估计需要研究一下 ...
idea中提示语的显示和隐藏(port:8088)
问题描述第一次写博客,粗制滥造,请各位小伙伴原谅,以后我会不定期持续跟新java方面的技术文章以及idea,Eclipse等开发工具的使用小技巧,希望可以帮到大家,若有不足之处,也请大家无情的指出 ...
tooltip 提示多行显示
toolTip1.SetToolTip(this.nUDPIntPtr, "双击设为 0." + Environment.NewLine + "0 代表桌面,一般的对话 ...
python PyQt5中文教程☞【第二节】PyQt5基本功能（创建窗口、应用程序图标、显示提示语、通过按钮关闭窗口、消息框（关闭窗口确认框）、窗口显示在屏幕中间【居中显示】）
引用文章:http://code.py40.com/pyqt5/ 文章目录简单的例子:创建一个小窗口应用程序的图标显示提示语通过按钮关闭窗口消息框(关闭窗口确认框) 窗口显示在屏幕的中间[居 ...
java如何设置文本框提示_[Java教程]一个友好的文本框内显示提示语 jquery 插件
[Java教程]一个友好的文本框内显示提示语 jquery 插件 0 2014-08-08 18:01:25 插件实现文本框内默认显示提示语,当文本框获得焦点时提示语消失. 如果没有输入或输入为空则失 ...
iView表格显示图片和文字过长显示省略号，并且Tooltip提示
iView表格显示图片和文字过长显示省略号,并且Tooltip提示效果图代码 {title: 'LOGO',key: 'logo',align: "center",render ...
Vue文本内容单行或多行超出显示省略号判断，超出显示tooltip提示
开发中经常遇到需要超出文本省略的需求,通常情况下只需要设置css的样式即可实现: text-overflow: ellipsis;overflow: hidden;white-space: nowra ...
Antd表单项根据后端返回字段显示错误的校验提示语
其实这就是官方的一个方法:setFields 举例: // res.Data 是后端返回的一组不符合校验逻辑的数据 res.Data.forEach((q,w) => {this.formRef ...

element el-tooltip 提示语换行显示

element el-tooltip 提示语换行显示相关推荐

最新文章

热门文章

element el-tooltip 提示语 换行显示

element el-tooltip 提示语 换行显示相关推荐

最新文章

热门文章

element el-tooltip 提示语换行显示

element el-tooltip 提示语换行显示相关推荐