表格内容自动换行

给表格的内容自动换行,先给表格的表头每列宽度定好。然后给table定样式

<table width="100%" border="1" cellpadding="0" cellspacing="0" style="TABLE-LAYOUT:fixed;">
                    <tr align="center"
                        style="background:url(images/table_bg.gif) repeat-x;">
                        <td width=120px >申请单编号</td>
                        <td width="100px">姓名</td>
                        <td width="150px">证件号码</td>
                        <td width="50px">性别</td>
                        <td width="100px">民族</td>
                        <td width="100px">出生日期</td>
                    </tr>
                    <s:iterator value="list">
                        <tr align="center" bgcolor="#FFFFFF" name="data_tr">
                            <td>${formnum}</td>
                            <td>${name}</td>
                            <td>${idCard}</td>
                            <td>${sex}</td>
                            <td>${nation}</td>

                            <td>${birthdayView}</td>
                        </tr>
                    </s:iterator>
                </table>

然后给定样式

.square-order table tr > td{
    word-break: break-all;
}

搞定。

时间: 2024-10-12 14:11:07

表格内容自动换行的相关文章

html表格内容自动换行

有时候表格会因为内容多少忽大忽小的很烦人,在网上搜了下解决方案,效果不错哦,给大家分享下!首先介绍两个利器:table-layout:fixed //固定表格大小word-break:break-all;//字符串自动换行 注意:IE和firefox是有很大区别的!(我就是栽在这个上面了,⊙﹏⊙b汗)1. (IE浏览器)使用 table-layout:fixed;强制table的宽度,多余内容隐藏<table style="table-layout:fixed" width=&q

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

表格列宽怎么设置都无效?(td内容自动换行问题)

有次设置表格列宽时,显示的实际宽度与设置的宽度不一致,且无规律变化.最后,在查找资料后发现,可能是td内容 自动换行 的问题.因为表格中的内容有中文.英文字母.还有数字,以及三者的各种组合,所以换行的方式不一致,导致列宽变化.(个人分析,不妥之处请拍砖.) 所以添加以下css可以解决问题: table{ word-break:break-all ; word-wrap:break-word } 说明: (1) word-break:break-all:截断单词进行换行. (2) word-wra

表格固定宽度时,内容自动换行

有时,table表格中列过多.内容多时,常常会根据每列的业务含义,挑出一些列,设置他们的宽度变窄. 但是总是有例外.比如有一条数据在那一列刚好内容特别多,那么页面显示中其内容将显示不全. 解决办法:<TD>标签内增加style="word-wrap:break-word;"样式. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HE

DIV的内容自动换行

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行. 它们的区别就在于: 1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了. 2,word-wrap:break

Excel随着表格内容自动调整高度或宽度

Excel随着表格内容自动调整高度或宽度 在使用excel的时候,有时我们需要根据输入内容的多少调整表格的高度和宽度,如何让EXCEL自动调整呢.因本人目前实用的Office为2013版本,因此暂时先介绍此版本实现方法,其他2003版EXCEL.WPS版EXCEL的设置也大致相同,有时间再补上.2013版本实现方法如写下: 1.实现自动调整宽度.选中全部表格(Ctrl+A),如图选择开始--格式--自动调整列宽即可.另附上设置前后的效果图. 2.实现自动调整高度.分两步设置,首先选中全部表格(C

serialize()序列表表格内容为字符串。

序列表表格内容为字符串,用于 Ajax 请求 HTML 代码: <p id="results"><b>Results: </b> </p> <form>   <select name="single">     <option>Single</option>     <option>Single2</option>   </select>

jquery 表格排序,实时搜索表格内容

jquery 表格排序,实时搜索表格内容 演示 XML/HTML Code <table class="table-sort"> <thead> <tr> <th class="table-sort">First Name</th> <th class="table-sort">Last Name</th> <th class="table-sor

java 处理word文档 (含图片,表格内容)

由于本人长期从事Oa相关项目的开发,所以处理word文档,Pdf,Excel等是在所难免的. 1.需求      处理Excel 可以用jxl        或者poi 2需求     用户在系统上填写信息,保存后导出标准的word文档,用户在系统上填写的信息我们用富文本编辑工具kindEditor,这个插件可以将用户从word文档拷贝的表格标签保存,但是图片信息需要另行上传. 现在问题出来了,我们要将这些包含图片,表格,特殊符号的东东生成word文档. 如果是单纯的没有特殊格字符,图片等信息,