知识点 词汇表
联系我们
按类别浏览
..... .Net技术
.......... .Net代码库
.......... .Net分析与设计
.......... C#教程
.......... winform
.......... 组件/控件开发
.......... 问题集锦
..... Asp技术
.......... Asp代码库
.......... Asp技术教程
.......... Asp问题集锦
..... PHP技术
.......... PHP代码库
.......... PHP分析与设计
.......... PHP问题集锦
.......... 基础教程
..... Silverlight
..... WEB其它杂谈
.......... 技术
.......... 非技术
..... WEB制作相关
.......... PhotoShop
.......... 网页三剑客
.......... 网页特效代码库
..... WEB技术相关
.......... Ajax
.......... DOM
.......... JavaScript
.......... VBscript
.......... WEB知识点
.......... XHTML/CSS
.......... XML
.......... 正则表达式
..... Windows专区
.......... Windows NT/2000/xp/2003
.......... 安全技术/病毒
..... 数据库开发
.......... Access
.......... MSSqlServer
.......... MySql
..... 本站源码下载区
.......... .net/c#(B/S)
.......... .net/c#(C/S)
.......... PHP/MYSQL
..... 水晶报表
.......... Crystal Reports
..... 网站运营知识
.......... 常用工具
.......... 建站经验网站运营
.......... 搜索引擎排名推广
.......... 网络广告赚钱
..... 网管知识专栏
.......... WEB服务器相关知识
.......... 域名、FTP相关知识
.......... 安全与管理知识
.......... 网络技术知识
.......... 防火墙和路由
..... 软件工程
.......... UML/Rational/PD
.......... 团队、项目、开发
.......... 软件测试
内容搜索
WEB开发技术知识库
.Net技术
Asp技术
PHP技术
Silverlight
WEB其它杂谈
WEB制作相关
WEB技术相关
Ajax
DOM
JavaScript
VBscript
WEB知识点
XHTML/CSS
XML
正则表达式
Windows专区
数据库开发
本站源码下载区
水晶报表
网站运营知识
网管知识专栏
软件工程
web技术文章推荐
实用工具站点
在线翻译
Google在线翻译
百度在线 翻译
网站推广
提交百度搜索
提交Google搜索
Google Adsense
百度联盟
中国站长联盟统计
太极链流量统计
站长资源
中文网站排行 TOP100
全球网站排行 TOP500
域名信息查询
ALEXA查询
Whois信息查询
中国web信息博物馆
在线备案
alexa资料提交(英)
域名ip信息查询(英)
本站技术群
群1:6654300(暂停)
群2:37354847(网站技术)
群3:37360600(暂停)
群4:16345988(网站运营)
群5:37374054(暂停)
当前位置：
WEB开发技术知识库(www.cn-web.com)
.:
WEB技术相关
.:
XHTML/CSS
.:
用css来实现文字截取,以达到seo优化
用css来实现文字截取,以达到seo优化
用css来实现自动截取文字，不需要后台程序和JS的使用
好处是：有利于内容完整性，有利于SEO，无需后台程序处理，可以在前台随时调节要截取的长度。
在设置截取宽度的时候，要注意，尽量让文字截取完整。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>css实现文字截取</title> <style type="text/css"> body{font-size:13px;color:#8c966b;} div{clear:both;width:340px;border:1px solid #333;margin:3px;padding:3px;} div a{color:#8c966b;text-decoration:none;} div a:hover{text-decoration:underline;} div a{display:block;width:310px;white-space:nowrap;overflow:hidden;float:left; -o-text-overflow: ellipsis; /* for Opera */ text-overflow:ellipsis; /* for IE */ } div:after{content:"...";padding-left:3px;font-size:12px;}/* for Firefox */ </style> </head> <body> <div><a href_iwe="">用css来实现自动截取文字，不需要后台程序和JS的使用</a></div> <div><a href_iwe="">好处是：有利于内容完整性，有利于SEO，无需后台程序处理，可以在前台随时调节要截取的长度。</a></div> <div><a href_iwe="">不好的地方：不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。</a></div> <div><a href_iwe="">另外在设置截取宽度的时候，要注意，尽量让文字截取完整</a></div> <div><a href_iwe="http://www.cn-web.com">web技术开发知识库</a></div> </body> </html>
文章编号
395
创建日期
12-9-2007
修改日期
12-9-2007
发布人
laohan
点评
(None)
Email文章
打印
增加评论
对此文章打分评级
5分
4分
3分
2分
1分
用户评论
增加评论
此文章还没有任何评论！
网站地图
-
知识词汇
-
全文检索
-
广告服务
-
帮助中心
-
联系我们
.:
www.cn-web.com
网站技术开发联盟之WEB开发技术知识库
联系人:老韩(QQ:5679551)
晋ICP备07003487号
知识点
词汇表
联系我们
知识点
词汇表
联系我们
.Net技术
XHTML/CSS
Email文章
打印
增加评论