[置顶] 文字内容溢出用点点点(…)省略号 在不同浏览器里的 显示位置问题
2017-04-26 17:22
465 查看
**显示省略号css样式(后两个顺序不能颠倒,不信试试):
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
***********************************************************
一、如果是在chrome浏览器下显示为:
省略号位置为居中。
二、如果是在IE8+浏览器下
省略号位置为居下。
怎么让省略号在所有浏览器中都居下呢?我还没找到办法^_^
三、在引入了bootstrap框架的页面中 使用chrome浏览器居然和IE显示效果相同(有点神奇啊)
好神奇。
另外我发现,不同字体下,省略号的样式居然也有所不同,具体的区别,如果感兴趣就去慢慢发现吧!!!
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
***********************************************************
一、如果是在chrome浏览器下显示为:
省略号位置为居中。
二、如果是在IE8+浏览器下
省略号位置为居下。
怎么让省略号在所有浏览器中都居下呢?我还没找到办法^_^
三、在引入了bootstrap框架的页面中 使用chrome浏览器居然和IE显示效果相同(有点神奇啊)
好神奇。
另外我发现,不同字体下,省略号的样式居然也有所不同,具体的区别,如果感兴趣就去慢慢发现吧!!!
相关文章推荐
- 关于文字内容溢出用点点点(...)省略号表示
- 用rem单位做网页时 文字内容超出溢出用点点点(…)省略号或者直接省略该怎么写
- html,css jq,js关于多行,单行文字内容溢出用点点点(...)省略号表示
- jQuery关于文字内容溢出用点点点(…)省略号表示
- jquery控制文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 文字内容溢出用点点点(...)省略号
- 【兼容性笔记】不同浏览器中,溢出的文字如何以省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 关于客户端浏览器界面文字内容溢出用省略号表示方法
- Query实现文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示
- 关于client浏览器界面文字内容溢出用省略号表示方法
- 关于文字内容溢出用点点点(…)省略号表示
- 关于文字内容溢出用点点点(…)省略号表示