`

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

阅读更多
表格内容过长而变形的解决方法。


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

上面显示有超过表格长度的自动截取。

(2)如果要表格长度固定,且超过长度时自动换行,则:
style="TABLE-LAYOUT:fixed;WORD-BREAK:break-all"


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


0
0
分享到:
评论

相关推荐

    jsp强行给表格换行

    除了CSS之外,还可以通过JavaScript动态调整表格内容的长度并插入换行符,从而达到自动换行的效果。下面是一个简单的示例代码: ```javascript //<![CDATA[ function toBreakWord(intLen) { var obj = document...

    vue 实现超长文本截取,悬浮框提示

    本篇文章将介绍如何在Vue中实现超长文本截取,并通过悬浮框提示完整内容,尤其在表格环境中。 首先,为了实现文本的截取,我们可以使用CSS样式来控制文本的溢出行为。在描述中给出的CSS代码片段展示了如何实现这个...

    excel表格在人力资源中的应用PPT课件.ppt

    - 单元格内快速换行:按Alt+Enter可在单元格内换行,适用于多行文本输入。 - 文本截取与合并:使用LEFT、RIGHT、MID函数进行文本操作,FIND/SEARCH函数用于查找特定字符位置。 - 快速查找输入:VLOOKUP函数用于在...

    VS2005 GridView操作大全

    10. **一般换行与强制换行**:普通换行使用` `标签,而强制换行可以在`BoundField`的`DataFormatString`中使用`{0}{1}`,其中`{0}`是数据,`{1}`是换行符。 11. **弹出新页面/指定大小位置新窗口**:在Button的`...

    HTML长文本截取含有HTML代码同样适用的两种方法

    在网页设计中,有时我们需要对HTML长文本进行截断,特别是在有限的空间内显示内容时,如在列表项、摘要或预览中。本篇文章将介绍两种适用于包含HTML代码的长文本截取方法,确保在截断后仍能保持良好的可读性和格式。...

    HTML面试题

    - `<table>`: 表格。 - `<ul>`: 无序列表。 - **行内元素** (Inline Elements): - `<a>`: 锚点链接。 - `<abbr>`: 缩写。 - ` `: 换行。 - `<img>`: 图像。 - `<input>`: 输入框。 - `<label>`: 表单...

    JavaScript完全自学宝典 源代码

    Java运行时环境:Java5.0 JRE及以上版本 2.本书所附光盘范例 第1章(\c01) 示例描述:演示JavaScript的简单应用及JavaScript特效。 1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在...

    freemarker总结

    2,使用+运算符时,如果一边是数字,一边是字符串,就会自动将数字转换为字符串再连接,如:${3 + "5"},结果是:35 使用内建的int函数可对数值取整,如: ${ (x/2)?int } ${ 1.1?int } ${ 1.999?int } ${ -1.1?int } ...

    C#编程经验技巧宝典

    85 <br>0130 复制字符串中指定的字符 85 <br>0131 巧截字符串的数字 86 <br>0132 如何存储变长字符串 86 <br>0133 在进行字符串比较时忽略大小写 87 <br>0134 如何去除字符串尾空格 87 ...

Global site tag (gtag.js) - Google Analytics