关于一行文字超出显示省略号不生效的问题!~最新版谷歌(61.0以上版本)问题
来源:互联网 发布:淘宝托福答案揭秘 编辑:程序博客网 时间:2024/06/04 18:59
关于文字超出隐藏,显示省略号,.
(适用谷歌最新版本,60.0以上的,
目前我的版本是61.0.....
之前的老版本没有这种情况正常设置就可以!)
正常情况如下,就没有问题了给父元素设置好
父元素前提要设置width就不做叙述了!这个是前提条件
/*超出隐藏*/overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
如果文字子元素中还有标签,例如:
<div> <span> 新新 </span> <a href="javascript:void (0);"> 我是要超出的部分我是要超出的部分我是要超出的部分我是要超出的部分 </a></div>
然后div中 的span标签的display属性为inline-block的话,a标签没有设置display:inline-block;的话,那么,效果是超出了隐藏了,
但是没有达到我们需要的效果,超出显示省略号(即:我是要超出的部分我是要超出的部分......);
如果要实现该效果,那么,a标签要吧display属性设置成为inline-block属性才可以!
刚发现还有一种可能,
我的父元素是li在li中设置了
list-style: disc;
居然超出不显示...了,注释之后就好了,奇葩的问题,shit
阅读全文
0 0
- 关于一行文字超出显示省略号不生效的问题!~最新版谷歌(61.0以上版本)问题
- 文字一行显示,超出部分显示省略号
- 文字不换行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS限制文字只能显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- CSS控制文字只显示一行,超出部分显示省略号
- 文字超出显示省略号
- 文字超出显示省略号
- css-文字超出显示省略号
- 文字超出隐藏显示省略号
- html文字超出显示省略号
- CSS文字超出显示省略号
- 关于安卓4.0以上菜单图标不生效的问题
- LeetCode 697. Degree of an Array
- TOMCAT内核之旅--一个简单的Servlet容器--学习心得(二)
- SpringMVC学习文档
- Android studio 数据库的运用
- 5、Python 处理 yaml 文件
- 关于一行文字超出显示省略号不生效的问题!~最新版谷歌(61.0以上版本)问题
- Java中hashCode的作用
- 工业串口迪文屏开发
- 网络常用命令1——Netstat命令
- 记录使用gradle构建selenium+testng自动化测试项目
- Java 集合深入理解(4):List<E> 接口
- CentOS中的环境变量配置文件
- okhttp封装
- JQuery——Ajax之实例开发步骤