HTML中li标签超出后如何不换行隐藏后面带…

在做网页设计的时候，遇见文字版本的时候肯定会多次用到<ul><li>标签，但是呢在文字超出标签固定宽度的时候，浏览器默认是默认换行的，会引起排版混乱的问题或者是影响美观度。超出的部分全部换成省略号了。

css代码如下：

li{  
    width:200px; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow: hidden; 
}

如不想要省略号可以将text-overflow: ellipsis;去掉即可。