码迷,mamicode.com
首页 > 其他好文 > 详细

表格内容自动换行

时间:2016-06-18 19:46:44      阅读:184      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!