HTML页面代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>a.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <link type="text/css" rel="stylesheet" href="wb.css" /> <body> <div id="new1_2" class="title"> <a href="http://www.baidu.com" title="百度主页,不超过显示全部">百度</a> </div> <div id="new1_2"> <a href="" title="客户端解决标题显示太长省略多余部分并加省略号的样式">客户端解决标题显示太长省略多余部分并加 省略号的样式</a><br> <a href="" title="客户端解决标题显示太长省略多余部分并加省略号的样式">客户端解决标题显示太长省略多余部分并加 省略号的样式</a><br> <a href="" title="客户端解决标题显示太长省略多余部分并加省略号的样式">客户端解决标题显示太长省略多余部分并加 省略号的样式</a> </div> </body> </html>
CSS样式
@charset "utf-8";
/* CSS Document */
#new1_2 {
margin-top: 20px;/* 距页面顶部距离 */
margin-bottom: 20px;/* 距页面底部距离 */
width:200px;/* 宽度 */
overflow:hidden;/* 多出部分隐藏 */
white-space:nowrap;/* 不换行 */
}
#new1_2 a,#new1_2 a:hover {
font-size: 13px;/* 字号 */
line-height: 20px;/* 链接之间的高度 */
color: #000000;/* 字体颜色 */
text-decoration: none;/* 去掉下划线 */
padding-left: 10px;/*距左边界位置*/
width:200px;/* 宽度 */
overflow:hidden;/* 多出部分隐藏 */
text-overflow:ellipsis;
}
#new1_2 a:hover {
color: #660000;
padding-left: 30px;/*距左边界位置*/
width:200px;/* 宽度 */
overflow:hidden;/* 多出部分隐藏 */
text-overflow:ellipsis;
}
补充
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
</DIV>
相关推荐
兼容浏览器的CSS控制字符宽度省略号效果,是非常实用的,由于FF对溢出显示省略号的属性支持不好。因而在进行编码时,应用到了一个HACK和FF的私有属性,大家在学习时注意区别。 看下面的HTML代码: <ul> <li><a>使用...
单行文本的控制,以前是由程序员完成的,实现截字效果。 今天介绍的方法兼容IE FF,看下面的详细介绍: 为了更符合实际,用一个div装起要调试的内容,并为这个div定义一个宽度。 例如:css代码:div{width:200px;}...
大部分的css效果是可以 2.优先级 1.浏览器默认样式 2.内部样式和外部样式(就近原则) 3.内联样式 4.!important; 绝对优先使用() 格式 p{ color:red !important; } 2.css选择器 1.选择器的作用 规范...
19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24...
说明:优点是内容可以为任何HTML元素,包括超链接和图片等,在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值,并且宽度不能是百分数,否则在IE中会被认为是字符总长的百分比。 方法二: 复制代码代码...
3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量...
3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量...
使用 JS 截断而不是 CSS 的用例很少:您需要支持 IE、Firefox 或 Edge(并且不能使用 webkit-line-clamp)进行多行截断,您需要一个自定义省略号,可能带有更多文本(显示更多链接,通过截断等方式隐藏了多少记录的...
IE 5或更高版本 Mozilla Firefox 1.5.0.3或更高版本 服务器采用IIS5.1 或以上版本 数据库使用MS Access 2000以上 2.本书所附光盘实例代码: 第1章(\第1章) 查看1.2.htm中noscript显示效果的方法如下: 1.将...
您需要一个自定义的省略号,可能带有更多的文本( show more链接,指示被截断隐藏了多少条记录的指示符,等等) 已经存在的大多数解决方案(例如或 )都使用HTML5 canvas (及其measureText方法)来测量文本宽度,...
• 11.4.htm Document对象部分属性与方法的使用 • 11.5.htm HTML文档属性属性 • 11.6.htm 同时使用name和id • 11.7.htm 事件控制器的例子 • 11.8.htm JavaScript实现...
• sample05.htm 将日期对象的日期部分和时间部分转换成字符串 • sample06.htm 将日期部分转换为字符串 • sample07.htm 将时间部分转换为字符串 • sample08.htm 将时间部分转换...