你好，看了 你的问题，单纯用css现在貌似解决不了，css只能实现溢出隐藏，用...来表示。你需要隐藏中间部分内容，需要用到js啊。可以用js先算出字符串的长度，然后截取收尾两段显示，中间加...即可。
创新互联专注于库车网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供库车营销型网站建设，库车网站制作、库车网页设计、库车网站官网定制、成都微信小程序服务，打造库车网络公司原创品牌,更为您提供库车网站排名全网营销落地服务。
书写css代码。* { margin： 0； padding： 0； list-style： none； }img { border： none； }body { font-family： Arial， Helvetica， sans-serif； }。书写并添加js代码。 。代码整体结构。查看效果。
截取目标长度的字符串即可实现上述功能，这需要jquery的substr()方法：stringObject.substr(start，length)功能 substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。参数 start必需。要抽取的子串的起始下标。
这篇文章主要介绍了jQuery常用几种数据处理方法的实例介绍，给初学的朋友们一些建议参考。
这次给大家带来如何使用jQuery 消除网页的滚动条，使用jQuery 消除网页的滚动条的注意事项有哪些，下面就是实战案例，一起来看一下。网页有些时候需要能滚动的效果，但是不想要滚动条，我就遇到了这样的需求。
1、一款jQuery点击空白处隐藏弹出层网页特效，点击按钮弹出层、点击页面空白处弹出层消失JS代码。主要功能是点击按钮弹出层显示，然后通过点击页面任意位置都能关闭弹出层显示效果，主要是$(document).click的操作应用。
2、jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。
3、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。
4、用jquery实现点击显示，再一次点击隐藏的方法是使用toggle方法。说明：toggle() 方法切换元素的可见状态。如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
5、如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
6、新建HTML文件。引入jquery.min.js文件。创建HTML内容。预览效果如图。用jquery创建点击事件，点击隐藏按钮，p内容隐藏。用jquery创建点击事件，点击显示按钮，p内容显示。
jquery实现元素隐藏和显示效果有两种方法，分别为：使用 hide() 和 show() 方法来隐藏和显示元素使用toggle() 方法来隐藏和显示元素下面我们来看看这两种方法具体是如何实现元素的隐藏和显示。
JQ中显隐有以下几种方式 show()，hide()，toggle()，slideDown()然后还有css设置div的style属性都可操作show()方法 显示出隐藏的 p 元素。
在电脑上面打开软件，新建一个html和引入jquery.js。在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字。
第三种实现方式：可以使用Jquery提供的show和hide来完成带缓动的显示和隐藏效果，由于两个方法相似，可以直接使用toggle来完成。
Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：然后引入Jquery的库文件，编写代码。
1、一款jQuery点击空白处隐藏弹出层网页特效，点击按钮弹出层、点击页面空白处弹出层消失JS代码。主要功能是点击按钮弹出层显示，然后通过点击页面任意位置都能关闭弹出层显示效果，主要是$(document).click的操作应用。
2、fadeout。jquery中，经代码使用规则查询可知，可以使用fadeout方法，能以调节透明度的方式隐藏一个元素。
3、jequery在点击一个按钮时使用jquery隐藏一个元素是jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码。
4、如果没有参数，.hide()方法是最简单的方法来隐藏一个元素：(.target).hide()；匹配的元素将被立即隐藏，没有动画。