如何让table中的td自动换行
2018-01-26 09:56
951 查看
需要两步: 1.设置表格table的样式为style="table-layout:fixed;" 2.然后设置td的样式为style="word-wrap:break-word;" 比如: <table width="88%" class="table1 tc mt10" style="table-layout:fixed;" > <tr class="evertop"> <th width="7%">序号</th> <th width="12%">姓名</th> <th width="12%">证件类型</th> <th width="14%">证件号</th> <th width="7%">性别</th> <th width="12%">出生日期</th> <th width="12%">手机号</th> <th width="14%">电子邮箱</th> <th width="7%">操作</th> </tr> <tr class='on'> <td>1</td> <td>中秋加班班25</td> <td>居民身份证</td> <td>711674650903444564</td> <td>女</td> <td style="word-wrap:break-word;"></td> <td style="word-wrap:break-word;">c2VydmVyQ3Nw|bzNH6t4DSLhjUqdg2OLkrnQ3EXceQeppPo0BYItTPtbJPImIgCW3uS9vEw3lQ55cx0kNVdszP42odrIqNoWGTrZFruSmnEmAlwl2UTejZwGZ5Q8yyWx5TmjuarkUbRYXZpypMukoyxX2VPmXJIiHUaZQM6hzssEXlQ1563nEl4w=</td> <td>pp25@qq.com</td> <td><a href="javascript:view('b23f9597-6fd2-48c5-b5fd-e1aae8d5225b')" class="search-btn2 mlr5" >详情</a></td> </tr> <tr > <td>2</td> <td>中秋加班班54</td> <td>居民身份证</td> <td>308926257733043268</td> <td>女</td> <td style="word-wrap:break-word;"></td> <td style="word-wrap:break-word;">8827768271</td> <td>pp54@qq.com</td> <td><a href="javascript:view('af1005c4-48cd-4e3c-8bc6-2af84dbddd15')" class="search-btn2 mlr5" >详情</a></td> </tr> </table>
相关文章推荐
- 如何让table表格中td的内容自动换行
- #CSS#在设定table为百分比时,如何实现火狐,Chrome下TD内容文字超出时自动换行?
- html table td 宽度 固定,自动换行设置
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- HTML Table td 自动换行(中英文)
- CSS设置table 中td的内容自动换行
- css中设置table中的td内容自动换行
- Html table td 内容自动换行
- Android中TableLayout如何让列自动换行
- Table中td不自动换行
- 在<table>或<div>中如何让传入的文本自动换行
- 如何一个td或table里的图片等比例缩小(css问题)图片自动缩放
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- table中td内容自动换行
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- table 表格 td设置宽度后文字太多自动换行
- css中设置table中的td内容自动换行
- table表格td 内容自动换行