css li 文字让它在一行显示,多余隐藏或省略...

css li 文字让它在一行显示,多余隐藏或省略...
 
实现方法如:
 
找到 ul li ,然后添加样式表代码 overflow:hidden;  
.iframe .iframeleft .navleft ul li {
    background: none repeat scroll 0 0 #E8E8E8;
    border-bottom: 1px solid #FFFFFF;
    height: 39px; 
    color: #292828;    
    font-size: 14px;
    line-height: 39px;
    display: list-item;
    text-align: -webkit-match-parent;
    overflow:hidden;
    text-overflow:ellipsis; 
    white-space:nowrap;
    }
 
overflow:hidden; 内容会被修剪,并且其余内容是不可见的。
 
text-overflow:ellipsis; 显示省略符号来代表被修剪的文本。
 
white-space:nowrap;  规定段落中的文本不进行换行。