Table表格内容超长时:自动截取、自动换行

表格内容过长而变形的解决方法。

在表格加入如下属性设置:
style="TABLE-LAYOUT:fixed;WORD-WRAP:break_word"

上面显示有超过表格长度的自动截取。
如果要表格长度固定,且超过长度时自动换行,则:
style="TABLE-LAYOUT:fixed;WORD-BREAK:break-all"

此处切勿设置tr 或td的高度

转载:http://www.haogongju.net/art/1402686

时间: 2024-10-24 11:41:15

Table表格内容超长时:自动截取、自动换行的相关文章

使用select下拉菜单筛选table表格内容

使用select下拉菜单筛选table表格内容:本章节介绍一下如何利用select下拉菜单对表单的内容进行筛选,如果数据量庞大,便于搜索使用的话,筛选效果还是非常有必要的,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/&qu

extmail 登录时自动截取@域名部分,全称也可以登录

1.extmail 是一个非常好用开源的邮件系统,但登录时经常会收到用户反馈,用户和密码错误,其原因是不支持全称用户名(带域名的用户):如 [email protected] 2.得想办法截取@后面部分提交,方法如下: cd /var/www/extsuite/extmail/html/default 修改index.html文件 找到以下 function checkType (f) {     if (f.bakecookie.checked) rememberMe(f) else forg

动态添加table表格内容,填充审批意见。

一,前台 <asp:table id="tblApprove" runat="server" Width="100%"></asp:table> 二.后台 QueryApproveInfo private void SetTable() { TableRow tblRow = new TableRow(); TableCell tblCell = new TableCell(); tblCell.Text = "

网页打印A4纸-----表格在跨页时自动换页打印的实现 (转)

在最近所做的一个项目中,需要通过网页来打印不少的表单,但是又不想每个打印页签各占用一个页面,这样就需要生存很多不同的冗余页面,为了减少冗余,所有的表单通过jquery的页签tab来实现的. 一 :基本打印的实现: 1:tab页签在切换时的change事件中,记住每个页签的index, 2:在点击打印按钮时,根据所记住的index,由页签的id("tab名+index"组成),获取当前tab页签下所有的html; 3: 将获取到的需要打印页签的html赋值给document.body.i

使用JS遍历Table表格中所有单元格内容

通过JS去遍历Table的所有单元格中的内容,可以用如下JS代码实现:使用该方法时必须为Table表格设置唯一的id属性. function GetInfoFromTable() { var tableInfo = ""; var tableObj = document.getElementByIdx_x("tableid"); //获取表格对象 for (var i = 0; i < tableObj.rows.length; i++) { //遍历Tabl

table表格某一td内容太多导致样式混乱的解决方案

在开发过程难免遇到这样那样的问题.对于有很多条目的数据,我们通常采用table元素来快速实现.如果某一个td的内容太多的话就会出现下面的情况,导致样式混乱难看. 解决方案 要让table的宽度固定我们可以给table元素设置table-layout:fixed;样式,但这样表格的宽度问题是解决了,但是里面的内容并不会自动换行.我们还需要给td设置word-break: break-all; word-wrap:break-word;即可完美解决. http://www.7kxs.com/4gsh

用echartsjs 实现散点图与table表格双向交互,以及实现echarts取自于table数据,和自定义echarts提示内容

本人研究echarts已经有一段时间了,今天就分享几个关于echarts的小技巧.虽然看起来简单,但做起来却很繁琐,不过实用性倒是很好. 在一个大的页面中,左边为table表格,右边为echarts的散点图. 需求一,实现echarts中所有的散点取自table中的数据. 需求二:两个交互,交互1,点击左边的table中数据时,先实现table重新隔行变色,然后左边被点击的数据背景颜色变黄,右边的散点图点亮.通过table控制散点图. 交互2:当点击散点图中任意数据时,获取此数据来自于左边散点图

table表格单元格中的内容如何强制换行

table表格单元格中的内容如何强制换行:有时候表格单元格中的内容不会换行,那么这个就会严重影响到用户体验,下面就简单介绍一下如何实现单元格中的内容换行.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" />

上传视频时自动完成截取缩略图(二)

从上篇文章中我们知道了ffmpeg是怎么使用的.那么这篇文章给大家介绍下我是怎么通过调用ffmpeg实现在视频上传的同时自动截取图片的. 首先我们不能直接调用ffmpeg实现想要的功能是防止cmd命令执行时出现的黑窗口.所以我们可以封装一个类,然后调用里面的方法只需传递参数就可以实现功能了. 这里我写了一个VideoConverToImg类: public class VideoConverToImg { /// <summary> /// 从视频中截取img格式图片 /// </sum