怎么让过长的标题隐藏过长部分在li内并且过长部分用省略号显示

1定义宽度

2.overflow:hidden;

3.white-spacing:nowrap; //设置文本过长时不换行

4.text-overflow:ellipsis;//设置文本过长用省略号代替

效果如下

#detail li a{width: 280px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;text-decoration: none;color:darkslategrey;display: inline-block;height:25px;font: 13px "微软雅黑";line-height: 25px;}

怎么让过长的标题隐藏过长部分在li内并且过长部分用省略号显示相关推荐

如何成为自己所在领域内前1%的顶尖人才？凤凰科技 09-29 07:42 原标题：如何成为自己所在领域内前1%的顶尖人才？有时你会觉得，可能你永远也实现自己的梦想。你清楚地知道自己想做什么，但有
如何成为自己所在领域内前1%的顶尖人才? 凤凰科技 09-29 07:42 原标题:如何成为自己所在领域内前1%的顶尖人才? 有时你会觉得,可能你永远也实现自己的梦想.你清楚地知道自己想做什么,但有数 ...
最长公共子序列（LCS）问题 Longest Common Subsequence 与最长公告字串 longest common substr...
问题描述:字符序列的子序列是指从给定字符序列中随意地(不一定连续)去掉若干个字符(可能一个也不去掉)后所形成的字符序列.令给定的字符序列X="x0,x1,-,xm-1",序列Y=& ...
前端笔记（9）元素的隐藏与显示，css用户界面样式，vertical-align垂直对齐，溢出文字省略号显示，css精灵技术，过渡，焦点，滑动门，margin负值
css样式表/层叠样式表(7) 元素的隐藏与显示 (1)dispaly显示 (2)visibility可见性 (3)overflow溢出 css用户界面样式鼠标样式cursor 轮廓线outline ...
Java黑皮书课后题第5章：*5.51（最长的共同前缀）编写一个程序，提示用户输入两个字符串，显示两个字符串最长的共同前缀
5.51(最长的共同前缀)编写一个程序,提示用户输入两个字符串,显示两个字符串最长的共同前缀题目题目概述运行示例破题代码题目题目概述 5.51(最长的共同前缀)编写一个程序,提示用户输入 ...
datatable行内内容太长，有时不自动换行解决方法
datatable行内内容太长,有时不自动换行解决方法参考文章: (1)datatable行内内容太长,有时不自动换行解决方法 (2)https://www.cnblogs.com/yang-xia ...
第六周作业（等值字串，KMP匹配，大整数相乘，最长公共子串，判断两个字符串是否匹配，最长回文子串，年号字串）
目录 1.等值字串 2.KMP匹配 3.大整数相乘 4.最长公共子串 5.判断两个字符串是否匹配 6.最长回文字串 7.年号字串补发一下,原来忘记发了. 1.等值字串 [问题描述]如果字符串的一个子 ...
CSS常用技巧（元素显示隐藏、用户界面样式、垂直对齐、溢出文字省略号显示、精灵技术、滑动门、margin负值之美和css三角之美）
CSS常用技巧 CSS常用技巧(元素显示隐藏.用户界面样式.垂直对齐.溢出文字省略号显示.精灵技术.滑动门.margin负值之美和css三角之美) 1.元素显示隐藏 1.1display 显示(重点) ...
Latex图的caption太长，导致信息丢失该怎么办，Latex 图注太长无法显示
Latex图的caption太长,导致信息丢失该怎么办,Latex 图注太长无法显示 Latex 图注太长无法显示 https://blog.csdn.net/weixin_30784501/ar ...
Unity UGUI 之实现 Text 文本文字过长，省略号显示（TextMeshPro 和常规 Text 二种方法）
Unity UGUI 之实现 Text 文本文字过长,省略号显示(TextMeshPro 和常规 Text 二种方法) 目录 Unity UGUI 之实现 Text 文本文字过长,省略号显示(Te ...

怎么让过长的标题隐藏过长部分在li内并且过长部分用省略号显示

怎么让过长的标题隐藏过长部分在li内并且过长部分用省略号显示相关推荐

最新文章

热门文章