li{
width:50px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
首先是一个容器，可以是div,li,td等等,先定义宽度。
white-space:nowrap;是强制在一行内显示所有文本，不回行。
text-overflow:ellipsis;就是关键了。text-overflow是CSS3新增的属性，IE6以上版本支持。它可以带2个参数：clip [不显示省略标记（...），而是简单的裁切]，ellipsis[当对象内文本溢出时显示省略标记（...）]。
overflow:hidden;，让多余文字在ff中隐藏，为了支持Firefox。
虽然打到了效果，但是因为用程序控制这种效果也很方便，而且没有浏览器兼容性的问题，所以用CSS控制的方法就显得鸡肋了。
…………END…………
谢谢支持，喜欢就点个❤
首先是一个容器，可以是div,li,td等等,先定义宽度。white-space:nowrap;是强制在一行内显示...
如何让div中的文字只显示一行，多余的文字隐藏并加上省略号 /*一行表示**/ overflow: hidden;...
单行多余文字溢出显示省略号 效果图: 多行多余文字溢出显示省略号 效果图: 固定区域纵向滚动 效果图: 固定区域横...
多余文字显示省略号的常规做法android:ellipsize="end" //省略号显示在末尾android:e...
一行文字超出省略号显示： 多行文字超出省略号显示：
下划线 删除线 首行缩进 整段文字两端对齐 css文字超出一行就显示省略号 css文字超出部分，隐藏并显示省略号。...
如果在一个div中，有一个p标签包含一段文字，有时会需要将文字只显示两行，多余的部分不显示，或显示成省略号...如...
CSS控制文字只显示一行，超出部分显示省略号
1、设置连续数字和连续英文字母换行 2、设置显示省略号方法 一行显示省略号的方法，如下： 多行显示省略号的方法，如...
要求: 文字一行展示, 如果展示不开, 显示省略号
本文标题：文字不回行，多余的字符显示省略号
本文链接：https://www.haomeiwen.com/subject/nnyrottx.html
网友评论