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

永霸你心i

永霸你心i

2016-02-19 17:20

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐LI标签中内容超过长度后以省略号显示的方法,赶紧看过来吧!

  在使用DIV+CSS网页标准制作网页时,LI标签中内容超过长度后以省略号显示的方法。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"meta http-equiv="Content-Type" content="text/html; charset=gb2312" /style type="text/css"!--li {width:200px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;} /* firefox only */ li:not(p) { /* wtf is? pls let me know*/  clear: both;  } li:not(p) a {  max-width: 175px;  float: left;  } li:not(p):after {  content: "...";  float: left;  width: 25px;  padding-left: 5px;  color: #df3a0e;  }--/styleullia href="http://cms.ddvip.com/index.php#"web标准常见问题大全web标准常见问题大全/a/lilia href="http://cms.ddvip.com/index.php#"web标准常见问题大全web标准常见问题大全/a/lilia href="http://cms.ddvip.com/index.php#"web标准常见问题大全web标准常见问题大全/a/lilia href="http://cms.ddvip.com/index.php#"web标准常见问题大全web标准常见问题大全/a/lilia href="http://cms.ddvip.com/index.php#"web标准常见问题大全web标准常见问题大全/a/li/ul

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

Web开发
LI标签中内容超过长度后以省略号显示的方法

如果文字过长,则将过长的部分变成省略号显示

Web开发
如果文字过长,则将过长的部分变成省略号显示

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

文字超出显示省略号==CSS制作

Web开发
文字超出显示省略号==CSS制作

li 标签左右显示

Web开发
li 标签左右显示

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

兼容IE和FF的单行溢出文本显示省略号

Web开发
兼容IE和FF的单行溢出文本显示省略号

用css使单行超出指定宽度的内容切去并在结尾出现省略号(IE FF 通

Web开发
用css使单行超出指定宽度的内容切去并在结尾出现省略号(IE FF 通

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS中如何正确的使用 id 和 class?

CSS中如何正确的使用 id 和 class?

高质量C++/C编程指南--文件结构

高质量C++/C编程指南--文件结构
下拉加载更多内容 ↓