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   DNS   css   多线程   VSCode   Office   安装   WinSCP   字典   原创   多进程   反向代理   领带   截取字符   随机数   随机   重定向   远程调试   进程池   进度条   网卡   线程池   电源   生活   激活   浏览器   日志   数据库   venv   vbs   uuid   IP   iostat   import   GitHub   dpkg   DHCP   curl   crx   CPU   cloud-init   BBR   Apt   iptables   Kitsunebi   kvm   tc   subprocess   SSH   SoftEther   Set   samba   pyflakes   pip   Nginx   NextCloud   List   libreoffice   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!