html– 文本溢出时不出现省略号

概述我有一个标题：<h2><a href='#'>Lorem ipsum dolor dumbledore at hogwarts</a></h2> 如果它超过h2的高度,我试图在多行上截断文本：h2 { width: 200px; height: 52px; overflow: hidden; t

我有一个标题：

如果它超过h2的高度,我试图在多行上截断文本：
h2 {  width: 200px;  height: 52px;  overflow: hidden;  text-overflow: ellipsis;}
我期待的是：
Lorem ipsum dolor dumbledore at...
结果如何
Lorem ipsum dolordumbledore at
为什么不显示省略号？
当我添加white-space：nowrap;省略号显示但是h2的文本现在是单行而不是占据h2的整个高度.
Lorem ipsum dolor...
最佳答案Quirksmode.org(必读！)建议您还需要白色空间：nowrap;.          总结       
以上是内存溢出为你收集整理的html  – 文本溢出时不出现省略号全部内容，希望文章能够帮你解决html  – 文本溢出时不出现省略号所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
					
										


					

						
欢迎分享，转载请注明来源：内存溢出
原文地址: https://outofmemory.cn/web/1120927.html