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

  在使用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;
  }
-->
</style>
<ul>
<li><a href="http://cms.ddvip.com/index.php#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="http://cms.ddvip.com/index.php#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="http://cms.ddvip.com/index.php#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="http://cms.ddvip.com/index.php#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="http://cms.ddvip.com/index.php#">web标准常见问题大全web标准常见问题大全</a></li>
</ul>

时间: 2025-01-19 07:55:44

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

li标签为啥去掉list-style-type:none;后,width就不起作用了呢?

问题描述 li标签为啥去掉list-style-type:none;后,width就不起作用了呢? 代码如下,详细问题在代码注释边 #topnav{ height:36px; background-color:silver; border: 1px solid seagreen; } #topnav ul{ /*line-height:30px;*/ margin: 5px; padding: 0px; border-bottom: solid; border-bottom-width: 2px

&amp;amp;lt;span&amp;amp;gt;里是c#代码(表示密码输入框),怎么用js来判断两个不同&amp;amp;lt;span&amp;amp;gt;标签中内容一样?

问题描述 <span>里是c#代码(表示密码输入框),怎么用js来判断两个不同<span>标签中内容一样? @Html.PasswordFor(model => model.NewPassword, new { @class = "textbox" }) @Html.RequiredHint() @Html.PasswordFor(model => model.ConfirmNewPassword, new { @class = "text

django-Djano中使用ckeitor上传图片后却不能显示图片

问题描述 Djano中使用ckeitor上传图片后却不能显示图片 我在Django中使用了ckeditor,但是上传图片后却显示不了图片,我看了一下,应该是图 片的URL有问题. 图片属性中的URL是/mysite/mysite/media/images/2015/05/09/88d05d72e8952c7b4c1ab93610dbdbac.jpg,怎样才能让它变成http://localhost/media/images/...这种形式呢?

数据-android中listview中镶嵌一个listview后不能完全显示

问题描述 android中listview中镶嵌一个listview后不能完全显示 android中listview中镶嵌一个listview后不能完全显示数据是否跟android版本有关.. 我已经根据子列表的高度动态设置主列表的高度,并在android4.4上运行良好,但是在android4.2机子上还是不能显示 解决方案 按你的验证结果,可能是与 Android 系统的版本相关. 但具体还是要在不能正确显示的机子上调试一下,看看是什么原因导致不能正确显示的. 解决方案二: listview

CentOS7中MariaDB修改datadir后无法启动的解决方法_Linux

发现问题 最近想把服务器的CentOS 6.8升级上CentOS7.但是失败了,重装了系统,重装以后挂载好数据盘后发现MariaDB起不来了,查journal log,只有一行warning can't create test file /var/lib/mysql/core.lower-test 解决方法 在网上查了一下,有两种方案      第一是说selinux导致的,但是ucloud的镜像默认就是关闭selinux的,所以不是这个问题      第二说是apparmor限制了进程的目录读

点击LI标签中的a标签,li的背景图片改变,点击其它的li标签,则li变回原来的背景图片

问题描述 JS代码或者Css代码都可以,新人一个,求详细的代码.谢谢..不是点击li,点击li不能实现效果,我要的是只能点击a标签,才能切换. 解决方案 本帖最后由 qq_16640983 于 2014-07-11 14:32:43 编辑解决方案二:添加点击事件,当点击的时候改变这个样式,然后点击其他的时候改变其他的样式,然后把上一个还原.解决方案三:有多种方法可以实现你要的效果,没有足够的精力来把他们都列出来,所以请更详细的描述一下你的页面设计.比方说,点击完a标签是否进行页面跳转,是否使用了

Win2008中安装的MSSQL2005后无法访问的解决方法_mssql2005

很久笔者没有来这里写东西了,因为真的很忙. 最近笔者一直在使用Win2008系统,不过发现一个很奇怪的问题,那就是在该系统上安装了SQL2005后,再在其他计算机访问该主机显示不能访问. 其他主机上也安装了SQL2005,可是连接Win2008系统上的SQL时就出现了这样的报错信息. 当时笔者很困惑,是为什么? 因为Win2003系统中,从来不会有这样的问题发生. 笔者错误的任务,是Win2008系统和SQL2005系统的不兼容,或者有不匹配的问题导致了这样的问题发生. 经过很长时间的想法,笔者

PPT中执行打印命令后停止响应的解决方法

有没有人在使用PPT打印文档后,文档是打印出来了,但是PPT程序却出现停止响应的情况?在这里我们来看看发生这个问题的解决方法吧! 使用系统带把PPT打印成图片到是没有问题,看来是打印安装方面的问题 重新安装打印机后,还是出现相同的情况,这样的话就不是打印机安装方面的问题,使用WORD.EXCEL使用这个打印机打印也没有问题,只有PPT会出现,重新安装OFFICE会解决吗. 重新安装OFFICE后,PPT还是老样子,现在排除了OFFICE 和打印机安装问题,这两个问题主要对象都没有问题,一时间还有

C# Winform中让按钮在Panel里居中显示的方法

把pannel里面的多个按钮的那个anchor属性全部去掉,如下图: 再用VS2010自带的工具调一下即可: 小注: 有的时候我们却想子控件在父控件里的相对位置不要随着父控件的变大缩小而变化,或者控件边缘距离父控件边缘的相对距离不要发生变化,但又不是停靠在父控件的边缘,这就是Anchor该出场的时候了.Anchor的中文意思:锚.当给控件设置Anchor的时候,就相当于用一个铁钉将控件的边缘给钉住. 本文URL:http://www.bianceng.cn/Programming/csharp/