禁止换行超出用省略号三个点表示 css

内容摘要
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap; 是禁止换行。
overflow:hidden; 是让多出的内容隐藏起来,否则多出的内容会撑
文章正文
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;


white-space:nowrap; 是禁止换行。
overflow:hidden; 是让多出的内容隐藏起来,否则多出的内容会撑破容器。
text-overflow:ellipsis; 让多出的内容以省略号...来表达。但是这个属性主要用于IE等浏览器,

Opera浏览器用-o-text-overflow:ellipsis; 

而Firefox浏览器没有这个功能,多出的内容只能隐藏起来。

代码注释
[!--zhushi--]

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!