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

2016-02-19 17:20 23 1 收藏

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

【 tulaoshi.com - Web开发】

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

!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

来源:http://www.tulaoshi.com/n/20160219/1614997.html

上一篇： CSS中如何正确的使用 id 和 class？
下一篇：高质量C++/C编程指南--文件结构

看过《LI标签中内容超过长度后以省略号显示的方法》的人还看了以下文章更多>>

Word2024中以不同颜色突出显示文本的方法

标签： word

Word2013中以不Tulaoshi.com同颜色突出显示文本的方法第1步，打开Word2013文档窗口，在开始功能区的字体分组中单击以不同颜色突出显示文本下拉三角按钮，并在颜色面板中选择一种颜色。第2步，将光标移动到文本内部，鼠标指针将变成荧光笔形状，拖动鼠标选中需要突出显示的文本即可。第3步，完成突出显示文本的设...

JavaScript 实现ALT标签中显示图片

标签： Web开发

html head script language="javascript" var tipTimer; function locateObject(n, d) { //v3.0 var p,i,x; if(!d) d=document; if((p=n.indexOf("？"))0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&id.forms...

CSS教程：li和ul标签用法举例

标签： Web开发

LI代码的格式化: A).运用CSS格式化列表符： ul li{ list-style-type:none; } B).如果你想将列表符换成图像，则： ul li{ list-style-type:none; list-style-image: url(/blog/images/icon.gif); } C).为了左对齐，可以用如下代码： ul{ list-style-type:none; margin:0px; } D).如果想给列表加背景色，可以用如下代码： ul{ list-style-type:...

win7系统开机后显示器不显示内容的解决方法

win7系统开机后显示器不显示内容的解决方法说到电脑中最重要的一个零件，估计就是显示屏了吧，因为如果电脑中显示屏坏了，屏幕不是一片黑屏，就是没有任何反应，这样电脑根本无法操作，所以显示屏在电脑零件的重要程度排行榜来说是首屈一指的。今天图老师小编也遇到这样的问题，win7电脑开机之后显示屏一直没有反应，没有任何的内...

清空微信公众号内容的方法