HTML中 给字符串换行

[aw24280721]

 <table id="tbFiles" class="table_content_base size" style="width: 635px;">
                                <thead>
                                    <tr>
                                        <th>序号</th>
                                        <th>操作</th>
                                        <th >附件名称</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

 trHtml = "<tr><td>" + ids + "</td><td >在线预览</a><a >下载附件</a><a ></a></td><td  ><p style='width:200px;word-break:break-all' > " + data[i].FILENAME + " </p> </td></tr>";
                                    ids += 1;
                                    $("#tbFiles tbody").append(trHtml);
                                    showtable("tbFiles");

/*表头样式*/
.table_content_base {

font-size:12px;
overflow-x:auto;
width:100%;

}
我想 如果 FILENAME 长度超过 20位 或者 多少位，自动换行。 但是无法实现。
求各位大佬指点.

分少 见谅。

[usecf]

1. 你在字符串中加\r\n转义字符试试 2. 你可以增加word-wrap css样式

[sqgame0706]

沉迷学习，无法自拔

[aw24280721]

丢了几个 class

 .table_content_base tbody tr:hover {
        background-color:#c6e8f6;
    }
       
        .table_content_base tbody tr td {
            padding:7px 18px;
            vertical-align:middle;
            height:30px;
            text-align:center;
            white-space: nowrap;   
        }
            .table_content_base tbody tr .time {
                width: 80px;
                white-space: normal;
                margin: 0 auto;
            }

[agax0312]

“naifds\r<br/> ewewe”