栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

css把超出的部分显示为省略号的方法兼容火狐

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

css把超出的部分显示为省略号的方法兼容火狐

   
   
   
   
css把超出的部分显示为省略号的方法兼容火狐_考高分网_www.jb51.net   
   
* { margin: 0; padding: 0; }    
a { text-decoration: none; color: #000; }    
a:hover { text-decoration: none; color: #000; }    
ul {    
width: 300px;    
margin: 40px auto;    
padding: 12px 4px 12px 24px;    
border: 1px solid #D4D4D4;    
background: #F1F1F1;    
}    
li { margin: 12px 0; }    
li a {    
display: block;    
width: 80px;    
overflow: hidden;    
white-space: nowrap;    
-o-text-overflow: ellipsis;    
text-overflow: ellipsis;    
}    
    
li:not(p) {     
clear: both;    
}    
li:not(p) a {    
max-width: 170px;    
float: left;    
}    
li:not(p):after {    
content: "...";    
float: left;    
width: 25px;    
padding-left: 5px;    
color: #000;    
}    
   
   
   
       
  • suntear的技术空间
  •    
  • suntear的技术空间
  •    
  • suntear的技术空间
  •    
  • suntear的技术空间
  •    
  • suntear的技术空间
  •    
  • suntear的技术空间
  •    
  • suntear的技术空间
  •    
   
   
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/119152.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号