CSS 溢出文本显示省略号

Tag: css 
Posted on 2020-07-22

<style type="text/css"> 
ul {width:300px; margin:50px auto;} 
li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} 
a {color:#03c; font-size:13px;} 
a:hover {color:#000;} 
</style> 
<ul> 
<li>CSS实战精萃 - Pro CSS Techniques</li> 
<li>CSS实战:id是****** class是双刃剑 合则两利分则两败</li> 
<li>CSS布局实例:CSS标签切换代码实例教程</li> 
<li>Web标准:改变您的网页制作思维方式 节省代码及结构与表现分离</li> 
<li>解决IE7以下版本不支持无A状态伪类的几种方法!</li> 
<li>CSS去除表格td默认间距及制作1px细线表格</li> 
</ul>
要点:
同时应用 text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 
实现溢出文本显示省略号效果
 评论
张三
orz
李四
orz orz
李小四
orz orz orz
张小三
orz orz orz orz
  搜索
  Tags
全部   Ubuntu   Linux   Python   Windows   Shell   转发   浏览器   js   KMS   循环   MySQL   字体   html   css   DNS   电源   多线程   反向代理   重定向   原创   WinSCP   随机   随机数   VSCode   venv   vbs   多进程   远程调试   字典   生活   激活   线程池   日志   数据库   网卡   截取字符   进度条   安装   进程池   领带   uuid   tc   IP   iostat   import   GitHub   dpkg   DHCP   curl   crx   CPU   cloud-init   Chrome   BBR   Apt   iptables   Kitsunebi   subprocess   SSH   SoftEther   Set   samba   pyflakes   pip   Office   Nginx   NextCloud   List   libreoffice   kvm   Adobe  
  功能
You can put anything you want inside of these side widgets. They are easy to use, and feature the new Bootstrap 4 card containers!