表格内容自动换行

Posted 2020-07-26 坚哥威武

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

搞定。