2016-07-21 19:14:04 CSS超过长度不能显示完整内容以省略号显示,LI列表布局内容超过长度后以省略号显示的CSS方法。
CSS超过长度不能显示完整内容以省略号显示,LI列表布局内容超过长度后以省略号显示的CSS方法。
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html;charset=gb2312" />
- <title>测试内容 HTML8</title>
- <style type="text/css">
- li {width:200px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
- </style>
- </head>
- <body>
- <ul>
- <li><a href="#">web标准常见问题大全web标准测试内容</a></li>
- <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
- <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
- <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
- <li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
- </body>
- </html>
此方法适用与IE与OP浏览器，FF对此不支持
关于省略号扩展阅读：
CSS省略号text-overflow超出溢出显示省略号
nobr标签实现显示不完的文字变省略号