在做网页设计的时候,遇见文字版本的时候肯定会多次用到<ul><li>标签,但是呢在文字超出标签固定宽度的时候,浏览器默认是默认换行的,会引起排版混乱的问题或者是影响美观度。超出的部分全部换成省略号了。
css代码如下:
li{
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
overflow: hidden;
}
如不想要省略号可以将text-overflow: ellipsis;去掉即可。
评论前必须登录!
注册