<!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=gbk" />
<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="">用css来实现自动截取文字，不需要后台程序和JS的使用</a></div>
<div><a href="">好处是：有利于内容完整性，有利于SEO，无需后台程序处理，可以在前台随时调节要截取的长度。</a></div>
<div><a href="">不好的地方：不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。</a></div>
<div><a href="">另外在设置截取宽度的时候，要注意，尽量让文字截取完整</a></div>
</body>
</html>
分享到：
相关推荐
Learning.Three.js.The.JavaScript.3D.Library.for.WebGL Learning.Three.js.The.JavaScript.3D.Library.for.WebGL
Instead of trying to create an interpreter from scratch, SpiderMonkey is compiled into LLVM and then emscripten translates the output into JavaScript. 示例代码： var jsObjs = JSJS.Init(); var rval =...
applet 调用js 所需包 JSObject.getWindow(this).eval("javascript:alert(111)");
aes加密解密用js，CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法，CryptoJS是一个纯javascript写的加密类库，我们使用它只需要加入相关的引用即可。
FLV.js是一个JavaScript库，专为在Web上实现FLV（Flash Video）格式视频的播放而设计。随着HTML5的普及，原生的HTML5视频播放器如`<video>`标签已经成为标准，但对FLV这种古老的流媒体格式支持并不完善。FLV.js的...
在这个压缩包中，包含了三个JavaScript文件：RSA.js、BigInt.js和Barrett.js，这些都是实现RSA加密前端功能的重要组成部分。 首先，RSA.js是核心加密库，它包含了RSA算法的具体实现。RSA算法基于两个大素数的乘积，...
nsfwjs 是一个JavaScript库，专门用于在前端进行成人内容（Not Safe For Work，NSFW）检测。它使用机器学习模型，特别是TensorFlow.js，这是一个由Google开发的JavaScript库，允许在浏览器中运行机器学习模型，实现...
总之，BigDecimal.js是一个强大的JavaScript库，专门用于处理大数的高精度计算，通过引入"BigDecimal-all-last.min.js"，开发者可以获得精确的大数运算能力，从而避免JavaScript原生数据类型的精度问题。在开发过程...
在标题“browser.min.js和browser-polyfill.min.js.rar”中，提到的两个JavaScript文件，`browser.min.js` 和 `browser-polyfill.min.js`，就是针对这个问题提供解决方案的关键工具。 `browser.min.js` 是一个小型...
1. **jsFormatter.js**: 这个文件通常是一个JavaScript代码格式化器，它的作用是将混乱的JavaScript代码整理成具有良好可读性的格式。它可能包含了缩进、换行、注释排序等功能，有助于开发者提高代码审查效率，保持...
本文将深入探讨“flv.js+flv.min.js”的播放器使用案例，这两个JavaScript库是用于实现FLV（Flash Video）格式视频在现代浏览器中播放的关键工具。 FLV是一种广泛使用的视频格式，尤其在早期的网络视频中非常流行。...
MP4Box.js是一个JavaScript库，专门用于处理MP4文件，特别是在Web环境中。它在标题和描述中被提及，主要用于获取MP4文件的信息、对MP4文件进行切片以及从MP4文件中提取帧来创建TextTracks。这个工具对于开发者来说...
Jmat.js 是一个 JavaScript 的数学计算库。支持复杂的数学函数和统计。 标签：Jmatjs
jquery-3.5.0.js jquery-3.5.0.min.js.zip
Decimal.js 是一个专门用于进行任意精度十进制算术运算的JavaScript库。它设计的目标是提供简单、高效且无误差的十进制数学运算，避免了JavaScript原生数据类型在处理大数字或高精度计算时可能出现的问题。以下是...
JavaScript_Videojs开源HTML5视频播放器.zip是一个包含JavaScript编程语言和Video.js库的资源包。Video.js是一个广泛使用的开源HTML5视频播放器，它允许开发者创建功能丰富的、自定义的视频体验。在这个压缩包中，有...
`sockjs.min.js` 和 `stomp.min.js` 是两个关键的JavaScript库，它们为浏览器环境提供了WebSocket的兼容性和STOMP（Simple Text Oriented Messaging Protocol）支持。WebSocket是一种在客户端和服务器之间建立长连接...
Turn.js和PDF.js是两个在Web开发中用于处理文档展示的JavaScript库，它们分别专注于不同的领域，但可以协同工作以提供出色的用户体验。Turn.js是一个轻量级的库，主要用于创建具有翻页效果的数字杂志、电子书或者...
3. 自定义主题：video.js提供了丰富的CSS样式和JavaScript API，允许开发者自定义播放器的外观和行为，如改变控制栏颜色、布局、添加自定义按钮等，满足个性化需求。 4. 多语言支持：video.js 5.18.4版本还支持多...
在React的应用开发中，有三个关键的JavaScript文件通常会被用到：`react.js`、`react-dom.js`和`babel.min.js`。在这个场景中，我们只提到了`babel.min.js`，它是React开发中的一个重要组成部分。 `babel.min.js`是...