LI中内容超过长度后以省略号显示的方法

最新推荐文章于 2023-05-04 16:56:42 发布

终端传媒

最新推荐文章于 2023-05-04 16:56:42 发布

阅读量588

点赞数

文章标签： xhtml

本文链接：https://blog.csdn.net/axl19530209/article/details/42581687

版权

内容提要：LI中内容超过长度后以省略号显示的方法，LI中内容超过长度后以省略号显示的方法，此方法适用与IE与OP浏览器，FF对此不支持。

　　LI中内容超过长度后以省略号显示的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd> <html xmlns=http://www.w3.org/1999/xhtml xml:lang="zh" lang="zh"> <head profile="http://www.w3.org/2000/08/w3c-synd/#"> <meta http-equiv="content-language" content="zh-cn" /> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <title>blueidea</title> <style type="text/css"> /*<![CDATA[*/ 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对此不支持。

『网页设计 | DIV+CSS 』

终端传媒

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
LI中内容超过长度后以省略号显示的方法

内容提要：LI中内容超过长度后以省略号显示的方法，LI中内容超过长度后以省略号显示的方法，此方法适用与IE与OP浏览器，FF对此不支持。　　LI中内容超过长度后以省略号显示的方法 <meta http-equiv="content-language" content="zh-cn" /> blueidea /*<![CDATA[*/ li { width:200px;
复制链接

扫一扫