首页 > 其他 > 详细

表格内容自动换行

时间:2016-06-18 19:45:24      阅读:252      评论:0      收藏:0      [点我收藏+]

给表格的内容自动换行,先给表格的表头每列宽度定好。然后给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;
}

搞定。

 

表格内容自动换行

原文:http://www.cnblogs.com/gwq369/p/5596672.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!