`
younglibin
  • 浏览: 1207688 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

<td>……</td>里的字数100,只显示其中20个

    博客分类:
  • JSP
CSS 
阅读更多

如果不是一定要限制字数,可以限制长度的话  
  <table   style="table-layout:fixed;"><tr><td   width=80>  
  <div   style="width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">超级神奇的省略号</div>  
  </td></tr></table>

 

css:

 

 

width: 50%;
 padding-left: 10px;

 

看看效果图:



 

 

 加上一下的CSS代码后:
 overflow:hidden;   隐藏超出范围的数据不显示
 text-overflow:ellipsis;   超出的数据显示为 .......
 white-space:nowrap;    超出的数据不换行

 

看看,这样才好看嘛:



 

 

多整齐!

 

太强了!多余的就会以........的形式显示出来

 

 

<table>  
  <tr>  
  <td><input   type="hidden"   maxlength="你想要的长度"></td>  
  </tr>  
  </table>  
  把从数据库中提出来内容放到hidden的value中

 

 

  • 大小: 13.7 KB
  • 大小: 10.1 KB
1
0
分享到:
评论

相关推荐

    获取网页表格数据 正则表达式

    这个表达式会找到`&lt;tr&gt;`标签,并捕获其中所有的`&lt;td&gt;`及其内容。`(?:...)`是非捕获组,避免捕获这部分匹配。 **实际应用** 在Python中,你可以使用`re`模块来执行这些正则表达式,但需要注意的是,这通常适用于...

    HTML制作表格ppt课件.ppt

    &lt;TD&gt;单元格内容&lt;/TD&gt; …… &lt;/TR&gt; …… &lt;/TABLE&gt; 如何创建表格? 创建表格非常简单,首先需要定义表格的边框尺寸,然后定义表头和表格内容。例如: &lt;TABLE border="2"&gt; &lt;TR&gt; &lt;TH&gt;姓名&lt;/TH&gt; &lt;TH&gt;性别&lt;/TH&gt; ...

    html表格<table></table>

    &lt;td rowspan="2"&gt; &lt;/td&gt; &lt;td&gt; 第二行的单元格 &lt;/td&gt; &lt;td&gt; 第三行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td colspan="2" align="center"&gt; 第二行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td&gt; 第一行...

    Web前端开发基础:制作江湖游网页.ppt

    &lt;td&gt;和&lt;/td&gt;表示一个单元格的起始和结束,也可以说表示一行中包含了几列 基本语法 &lt;table&gt; &lt;tr&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; …… &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; &lt;td&gt;单元格内的文字&lt;/...

    AngularJS中的Directive自定义一个表格

    &lt;td&gt;&gt;&lt;/td&gt; &lt;td&gt;&gt;&lt;/td&gt; &lt;td&gt;&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;div&gt;4行&lt;/div&gt; ● 点击某个th,就对该列进行排序 ● 可以给表头取别名 ● 可以设置某个列是否显示 ● 表格下方有一行显示总行数 我们希望表格按如下方式...

    ajax实例大全 很实用的!

    &lt;tr&gt;&lt;td&gt;&lt;a href="2.1/index.jsp"&gt;2.1无刷新显示回帖&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="2.2/suggest.html"&gt;2.2输入内容前提示&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="2.3/upload.html"&gt;2.3带进度的文件上传&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; ...

    HTML制作表格.ppt

    &lt;TD&gt;单元格内容&lt;/TD&gt; … &lt;/TR&gt; … &lt;/TABLE&gt; 三、创建表格 创建表格可以使用TABLE标签,border属性用于设置表格边框的尺寸大小。例如: &lt;TABLE border="2"&gt; &lt;TR&gt; &lt;TH&gt;姓名&lt;/TH&gt; &lt;TH&gt;性别&lt;/TH&gt; &lt;TH&gt;学号&lt;/...

    正则截取TD里面包含的数据

    - 这个正则表达式用于匹配一个表格行中包含多个`&lt;td&gt;`标签的情况,可以依次捕获每个`&lt;td&gt;`标签内的内容。 #### 使用正则表达式提取`&lt;td&gt;`数据的具体步骤 1. **理解HTML结构**:首先需要明确目标网页的HTML结构,...

    table只显示横行、枞行

    &lt;tr&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;td&gt;aaaa&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; ``` - **`&lt;colgroup&gt;`**:将列分组,可以对整组列应用相同的样式。 - **`span`属性**:指定列组所包含的列的数量。 - **`rules="groups...

    自适应PC手机端的C3 jQuery可编辑表格代码.zip

    代码片段: &lt;table class="table table-bordered table-hover"&gt; &lt;tr class="info"&gt; ...&lt;td colspan="5" class="danger"&gt;&lt;button class="btn btn-primary btn-sm"&gt;增加&lt;/button&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;

    JSP图书管理系统

    &lt;td width="20" height="5"&gt;&lt;/td&gt; &lt;td width="495"&gt;&lt;/td&gt; &lt;td width="69"&gt;&lt;/td&gt; &lt;td width="21"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="21"&gt;&lt;/td&gt; &lt;td valign="top"&gt;&lt;%@ include file="scroll.htm"%&gt;&lt;/td&gt; &lt;td&gt;&lt;/td...

    利用CSS控制表格table的交替颜色

    &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; ``` 此...

    网页设计表格.ppt

    其中,&lt;table&gt;是表格的根元素,&lt;tr&gt;是表格的行元素,&lt;td&gt;是表格的单元格元素。基本语法如下: &lt;table&gt; &lt;tr&gt; &lt;td&gt;…&lt;/td&gt; … &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;…&lt;/td&gt; … &lt;/tr&gt; … &lt;/table&gt; 三、设置表格的边框属性 表格...

    HTML02表格和表单.ppt

    &lt;TD&gt; 数据单元格 1&lt;/TD&gt; &lt;TD&gt; 数据单元格 2&lt;/TD&gt; &lt;TD&gt; 数据单元格 3&lt;/TD&gt; &lt;/TR&gt; &lt;TR&gt; &lt;TD&gt; 数据单元格 4&lt;/TD&gt; &lt;TD&gt; 数据单元格 5&lt;/TD&gt; &lt;TD&gt; 数据单元格 6&lt;/TD&gt; &lt;/TR&gt; &lt;/TABLE&gt; ``` 二、HTML 表单 HTML ...

    asp.net超强模板引擎

    #foreach($u in $ListUsers) ... &lt;td&gt;昵称&lt;/td&gt; &lt;td&gt;性别&lt;/td&gt; &lt;td&gt;城市&lt;/td&gt; &lt;/tr&gt; #each &lt;tr&gt; &lt;td&gt;$u.Name&lt;/td&gt; &lt;td&gt;$u.Sex&lt;/td&gt; &lt;td&gt;$u.City&lt;/td&gt; &lt;/tr&gt; #afterall &lt;/table&gt; #nodata 暂无用户资料 #end

    隔行变色和鼠标滑过变色

    &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;1&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;2&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;3&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;4&lt;/td&gt;&lt;td&gt;4&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;5&lt;/td&gt;&lt;td&gt;5&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; ``` 在这段代码中,通过`...

    双表头固定代码

    &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a&lt;/td&gt; &lt;br&gt; &lt;td&gt;body b&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body c&lt;/td&gt; &lt;br&gt; &lt;td&gt;body d&lt;/td&gt; &lt;br&gt; &lt;/tr&gt; &lt;br&gt; &lt;tr&gt; &lt;br&gt; &lt;td&gt;body a...

    前端与移动开发之表格

    &lt;td&gt;张三&lt;/td&gt; &lt;td&gt;男&lt;/td&gt; &lt;td&gt;35&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;李四&lt;/td&gt; &lt;td&gt;男&lt;/td&gt; &lt;td&gt;27&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; 注意: (1)&lt;tr&gt;&lt;/tr&gt;行 (2)&lt;td&gt;&lt;/td&gt;行里面单元格 ...

    网站首页信息展示

    - 此行可直接使用`&lt;tr&gt;`来表示,并在其中添加相应的菜单项,使用`&lt;td&gt;`来表示每个菜单项。 3. **第3行**:放置图片。 - 使用`&lt;tr&gt;`和`&lt;td&gt;`组合来放置所需的图片。 4. **第4行**:展示热门商品。 - 使用一个2行...

    小书匠语法说明之表格1

    格&lt;/td&gt; 14&lt;td&gt;Content Cell&lt;/td&gt; 15&lt;td&gt;Content Cell&lt;/td&gt; 16&lt;/tr&gt; 17&lt;tr&gt; 18&lt;td&gt;Content Cell&lt;/td&gt; 19&lt;td&gt;Content Cell&lt;/td&gt; 20&lt;td&gt;Content Cell&lt;/td&gt; 21&lt;td&gt;Content Cell&lt;/td&gt; 22&lt;/tr&gt; 23&lt;tr&gt; 24&lt;td&gt;Content Cell...

Global site tag (gtag.js) - Google Analytics