1、在电脑上面打开软件，新建一个html和引入jquery.js。
2、在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字。
3、编写的js文件，首先引入jquery.js，通过$("#xx").click(function(){}代码给两个按钮添加点击事件，$("p").hide()隐藏段落文字，$("p").show()显示段落文字。
4、编写好js和body页面内容之后，完整代码如下图所示。
5、在浏览器中打开html页面，可以看到一段描述文字，和隐藏，显示按钮。
6、点击隐藏按钮，段落文字会被隐藏掉，再点击显示按钮，隐藏的段落文字会显示出来。
实现代码如下：.mytable{
width:500em
table-layout:fixed/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
}
.mytable td{
width:100%
word-break:keep-all/* 不换行 */
white-space:nowrap/* 不换行 */
overflow:hidden/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden一 起使用。*/
}
采用 css 样式 来隐藏
<style type="text/css">
.style1{
overflow: hidden
white-space:nowrap
text-overflow: ellipsis
width:200px
}
</style>
一般添加到<head>之间即可。
