• 懒鸟飞:帝国cms模板专业分享平台,新域名:lanniaofei.com

如何让li中内容显示溢出超过长度后以省略号显示

当li、div标签中的文字溢出时显示省略号,代码如下:

重点:

li {
    width: 200px;   (定义宽度)
    white-space: nowrap; (不换行,一行显示)
    text-overflow: ellipsis;  (溢出用省略号)
     -o-text-overflow: ellipsis;
     overflow: hidden;   (多出的文字,隐藏)
 }

div {
    display: block;
    width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
}
 
QQ在线咨询
QQ客服
淘宝官网