欢迎光临
我们一直在努力

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

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

css代码如下:

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

 

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

赞(0) 打赏
未经允许不得转载:新起点博客 » HTML中li标签超出后如何不换行隐藏后面带...


关注公众号『新起点软件管家』

获取最新网络资源及破解软件!
带你玩转各样软件...

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏