<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">powered by 25175.net
<head>
<title>纯DIV+CSS左侧导航菜单(DIV溢出文字用省略号点代替)-CSS特效-网页特效-站长新动力-msxindl.com</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
/*------纯DIV+CSS左侧导航菜单--------*/
#menu{
border: solid 1px #CCCCCC;
width: 150px;
float: left;
font-size: 13px;
padding: 5px;
}
li{
list-style: none;
width:100%;
float: left;
}
#menu li a{
padding: 0 1em;
line-height: 200%;
background: #E4E4E4;
/*-----溢出文字用省略号点代替---*/
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
/*---------------------------*/
width: 100%;
display: block;
border-bottom: solid 1px #FFFFFF;
color: brown;
text-decoration: none;
}
#menu li a:hover{
background: #FFFFFF;
color: black;
}
</style>
</head>
<body>
<div id="menu">
<li><a title="站长新动力首页" href="/">站长新动力首页</a> </li>
<li><a title="SEO优化文摘" href="/seo/">SEO优化文摘</a></li>
<li><a title="网页特效" href="/texiao/">网页特效</a></li>
<li><a title="Google PR查询" href="/tools/pr/">Google PR查询</a></li>
<li><a title="站长工具" href="/tools/">站长工具</a></li>
<li><a title="网址收录" href="/web/">网址收录</a></li>
<li><a title="友情链接" href="/web/web_add_ok.asp">友情链接</a> </li>
<li><a title="此行溢出文字用省略号点代替" href="#">此行溢出文字用省略号点代替</a></li>
</div>
</body>
</html>
分享到：
相关推荐
Jquery中用于省略字符过长的插件。在网页中经常会遇到字符溢出，然后使用省略“...”字符来代替溢出的文本。
HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号，但鼠标可以选择文字，酷吧……
本文将介绍如何使用CSS的几个关键属性，将TD中文字过长的部分变成省略号显示的小技巧。 在开始介绍具体实现之前，我们需要先了解几个相关的CSS属性，它们分别是： 1. `text-overflow`: 这个属性用于设置当文本溢出...
这种效果可以通过多种方式实现，下面将详细介绍如何在WPF中使用TextBlock实现文字过长时中间用省略号代替的效果。 1. 使用TextTrimming属性： TextTrimming属性是TextBlock的一个内置特性，可以用来控制当文本内容...
CSS实现超长字段用省略号代替 td的属性中注意nowrap有效不能设置width，但是可以设置table的width
如果字符串过长，我们可以使用一种算法（如广度优先搜索）来找到最短的子串，这个子串加上省略号后能够适应控件的宽度。 4. **自定义绘制**：在`OnPaint()`函数中，使用`CPaintDC`对象进行绘制。根据计算出的截断...
在网页设计中，有时我们需要处理过长的文本字段，使其在有限的空间内显示部分内容并以省略号（...）结尾，以保持页面整洁且易于阅读。这种效果可以通过CSS（层叠样式表）来轻松实现。本文将深入探讨如何使用CSS实现...
8.如何用省略号显示字符串的其余部分？（Visual C++编程 源代码）8.如何用省略号显示字符串的其余部分？（Visual C++编程 源代码）8.如何用省略号显示字符串的其余部分？（Visual C++编程 源代码）8.如何用省略号...
CSS实现长标题用省略号显示，以前用JS用网络语言实现，其实CSS也可以的 不错哦~
使用Bootstrap实现分页，并且当页码过多时使用省略号，这篇文章有样式的简单演示：https://blog.csdn.net/u013025627/article/details/50485327 样式只是自己的简单样式，不同的项目有不同的样式风格，只是提供分页...
js 将多出的字符串用省略号代替 不是一般的那样获取字符串长度和字符字节来判断哦 ^_^ ；基本思路 ；很简单
html单元格显示不下的文本用省略号代替,并且鼠标悬停在单元格下面用div显示该单元格的全部文本信息。
在网页设计中，有时我们需要对过长的文字内容进行截断，并用省略号（...）来表示被省略的部分。这种技术在HTML和CSS中可以通过简单的设置实现。本主题主要探讨如何利用HTML和CSS实现超出字符数后显示省略号的效果。 ...
为了实现内容过长时以省略号表示的效果，我们可以采用CSS样式来控制表格的显示。以下是具体解决方法的详细解释： 首先，我们创建一个基本的Bootstrap表格结构： ```html ;'>商品名称 ;'>详细介绍 ;'>购买...
1. `ellipsize="start"`：省略号会出现在文本的开头，通常不常见，因为用户可能无法理解省略的内容是什么。 2. `ellipsize="end"`：这是最常见的设置，省略号出现在文本末尾，保留了文本的开头部分，让用户能大致...
在这个特定的场景中，我们讨论的是如何处理标题过长的问题，以及如何通过JavaScript实现鼠标悬停时显示完整的标题。 HTML是用于创建网页结构的基础语言，它使用各种标签来定义内容的结构和样式。然而，有时网页标题...
视频与票的图标跟在标题后面显示，当标题过长时icon显示到省略号…后（textview省略号显示，图标自动靠后）。 二、问题解决 TextView可以通过 android:ellipsize=end android:singleLine=true实现单行省略， 但是...
这是一段很长的文字，需要被截断，超过两行后就显示省略号。无论有多少行，最终只会显示两行，剩余的会被省略... ``` 在上面的代码中，我们创建了一个CSS类`.multi-line-ellipsis`，并设置了`display: -webkit...
1. **文本内容过短**：如果文本本身就未达到`TextView`的宽度，省略号自然不会出现。 2. **字体问题**：某些自定义字体可能不支持省略号，或者在特定语言环境下，省略号的表示方式不同。 3. **布局限制**：如果`...
"js文字超出省略号特效"就是一种利用JavaScript实现文本溢出时添加省略号的技术，它可以帮助我们在不改变HTML结构的前提下，优雅地处理长文本的显示。以下是关于这个主题的详细知识点： 1. **CSS基础**：首先，我们...