您的位置:首页 > 其它

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

2011-12-07 13:00 183 查看
文字溢出时显示省略号

重点:

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;

}

参考网站:

http://www.alixixi.com/Dev/HTML/jsrun/text/2008/2008050380154.html

http://apps.hi.baidu.com/share/detail/20837416
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: