本文摘自PHP中文网,作者藏色散人,侵删。
css ellipsis不起作用的解决办法:首先打开css;然后将属性“text-overflow:ellipsis”跟“overflow:hidden;”以及“white-space:nowrap;width:150px;”一起使用即可。
推荐:《css视频教程》
解决Css属性text-overflow:ellipsis 不起作用(文本溢出显示省略号)
使text-overflow:elipsis起作用:
想要使用css属性text-overflow:elipsis起到作用,样式必须跟overflow:hidden; white-space:nowrap;width:150px;一起使用
1、text-overflow语法:
1 |
|
2、text-overflow参数说明:
clip: 不显示省略标记(...),而是简单的裁切
elipsis: 当对象内文本溢出时显示省略标记(...)
3、简单使用:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
以上就是css ellipsis不起作用怎么办的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者