很多网站都有这个，不知道是用JS实现吗？

作者：家宇珮禎忠全 | 来源：互联网 | 2023-01-25 16:39

在一段文字<p>XXXXXXXXXXXXXX<p>之后，会在最后自动插入一个省略号，类似于CSS中:after这个伪元素的content属性，可是content属性IE不支持

在一段文字

XXXXXXXXXXXXXX

之后，会在最后自动插入一个省略号，类似于CSS中:after这个伪元素的content属性，可是content属性IE不支持，我想知道这个可以用JS实现吗？如果可以的话，有哪位大哥帮忙看一下怎么写吗？小弟在此感谢了

10 个解决方案

#1

首先，既然你已找到有这样显示的网站，并且确定是段落标签了，就去看看他的源代码，看看省略号是人为加上去的还是通过某种途径处理的。如果不是人为的，那么
其次，去看看他的样式表，用firebug看看那个段落元素继承了哪些样式，不确定是哪一条的话就逐个属性隐藏起来分析，我记得css是可以实现你所说的效果的，但是现在我在火车上用手机回复，不能测试出来。如果看样式表看不出什么异常，或者禁用js后效果就没有了，那么就可以判断是js控制的了。
再次，如果、假如是js控制的，那么这个过程该如何实现呢？观察你在“许多网站”中看到的效果，找出共同点，分析这个控制的过程，再用js代码表现出来，问题就解决了～

#2

最后从服务器实现

<%@LANGUAGE="Vbscript" CODEPAGE="65001"%>
<%
p="csdncsdncsdn"
%>

#3

貌似是截字符吧？？？

#4

截指定数量的字符显示，可以在服务端实现，也就是说，传到客户端已经截好了。也可以在客户端实现。不在感觉服务端实现简单一些

#5

引用 4 楼 lihualoveyou 的回复:

截指定数量的字符显示，可以在服务端实现，也就是说，传到客户端已经截好了。也可以在客户端实现。不在感觉服务端实现简单一些

是的,服务端实现简单且节约传输数据量

#6

是的。这个要你自己在服务器端实现。应该不会很难的。

#7

服务端实现简单！！！服务端实现简单！！！

#8

不截取字符，一段既定的文字（多行），在正常结尾的情况下，依然能够自动插入“……”，这样可以实现吗？我观察了他们的网站，应该确实是服务端实现的，因为在HTML里找不到任何有用的信息，如果是服务端实现，该怎么样操作呢？请赐教，小弟感激不尽

#9

用Javascript就可以实现的，用Document.getElementByTagName("p")，就可以获取一个数组，通过遍历数组来修改元素内容。

#10

小弟是制作HTML模板的，暂时还没有学到JS，能够详细告知如何实现吗？

推荐阅读

int
VScode格式化文档换行或不换行的设置方法

本文介绍了在VScode中设置格式化文档换行或不换行的方法，包括使用插件和修改settings.json文件的内容。详细步骤为：找到settings.json文件，将其中的代码替换为指定的代码。 ... [详细]

蜡笔小新 2023-12-14 17:15:38
int
Java实现大数乘法（分治算法）

本文介绍了使用Java实现大数乘法的分治算法，包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]

蜡笔小新 2023-12-14 15:43:50
js
Webpack5内置处理图片资源的配置方法

本文介绍了在Webpack5中处理图片资源的配置方法。在Webpack4中，我们需要使用file-loader和url-loader来处理图片资源，但是在Webpack5中，这两个Loader的功能已经被内置到Webpack中，我们只需要简单配置即可实现图片资源的处理。本文还介绍了一些常用的配置方法，如匹配不同类型的图片文件、设置输出路径等。通过本文的学习，读者可以快速掌握Webpack5处理图片资源的方法。 ... [详细]

蜡笔小新 2023-12-14 15:39:51
hash
开发笔记:加密&json&StringIO模块&BytesIO模块

篇首语：本文由编程笔记#小编为大家整理，主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识，希望对你有一定的参考价值。一、加密加密 ... [详细]

蜡笔小新 2023-12-14 15:18:35
int
C#之数据集：DataSet对象的使用及相关方法详解

本文介绍了C#中数据集DataSet对象的使用及相关方法详解，包括DataSet对象的概述、与数据关系对象的互联、Rows集合和Columns集合的组成，以及DataSet对象常用的方法之一——Merge方法的使用。通过本文的阅读，读者可以了解到DataSet对象在C#中的重要性和使用方法。 ... [详细]

蜡笔小新 2023-12-14 12:09:13
int
OC学习笔记之@property和@synthesize

本文介绍了OC学习笔记中的@property和@synthesize，包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]

蜡笔小新 2023-12-14 12:05:06
js
Voicewo在线语音识别转换jQuery插件的特点和示例

本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件，该插件具有快速、架构、风格、扩展和兼容等特点，适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]

蜡笔小新 2023-12-13 20:01:16
hash
java 线程死锁模拟

1，关于死锁的理解死锁，我们可以简单的理解为是两个线程同时使用同一资源，两个线程又得不到相应的资源而造成永无相互等待的情况。 2，模拟死锁背景介绍：我们创建一个朋友 ... [详细]

蜡笔小新 2023-12-13 19:12:25
js
JS进修笔记——闭包的运转机制和作用域

本文介绍了闭包的定义和运转机制，重点解释了闭包如何能够接触外部函数的作用域中的变量。通过词法作用域的查找规则，闭包可以访问外部函数的作用域。同时还提到了闭包的作用和影响。 ... [详细]

蜡笔小新 2023-12-14 18:45:00
int
lua语言闭包、模式匹配、日期、编译、模块的特性及应用

本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值，函数可以作为变量自由传递，也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性，为程序开发带来了便利。 ... [详细]

蜡笔小新 2023-12-14 18:18:21
int
javascript – 概述在Firefox上无法正常工作

我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.这就是它在Chrome上的外观：而那个图标实际上是一个锚点.在Firefox上,它只概述了整个 ... [详细]

蜡笔小新 2023-12-14 10:20:38
int
Linux进程控制块PCBtask_struct结构体结构及作用详解

本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用，包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]

蜡笔小新 2023-12-13 21:31:18
js
后台获取视图对应的字符串

1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注：不会执行对应的ac ... [详细]

蜡笔小新 2023-12-13 18:03:01
int
《数据结构》学习笔记3——串匹配算法性能评估

本文主要讨论串匹配算法的性能评估，包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库，可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n)，通过随机取出长度为m的子串作为模式P，在文本T中进行匹配，统计平均复杂度。对于成功和失败的匹配分别进行测试，分析其平均复杂度。详情请参考相关学习资源。 ... [详细]

蜡笔小新 2023-12-13 16:16:05
js
Java验证码——kaptcha的使用配置及样式

本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置，包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]

蜡笔小新 2023-12-13 13:58:25

家宇珮禎忠全

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章