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

1定义宽度

2.overflow:hidden;

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

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

效果如下

怎么让过长的标题隐藏过长部分在li内并且过长部分用省略号显示_第1张图片

#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;
	    } 


你可能感兴趣的:(css)