iview的tooltip无法展示全部文字

这个属性控制显隐.png
图片二.png

根据图二:只要深度修改.ivu-tooltip-inner这个样式中的max-width属性,将这个值设置大一点就可以了,要是想要换行就设置 white-space: normal就行了

vue中
<style scoped>

.ivu-tooltip-inner {
white-space: normal; // 如果不更改max-width,带来的效果就是换行显示
max-width:500px; // 自定义更改Tooltip的长度
}
</style>

图片.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容