Question

这是asp mvc 4中的一个项目我正在尝试从我的数据库中检索数据以显示在我的桌子上，但它不会破坏该单词并消耗整个行样本图像：

http://animobile.info/upload/1/wontwrap.JPG

我已经尝试过这段代码：

 <table cellpadding="0" cellspacing="0" border="0" class="display" id="myExchangeRateTable" width="100">

            <thead>
                <tr>
                    <th>
                        @Html.DisplayNameFor(model => model.Backup_Location) &thinsp; &thinsp;
                        @Html.DisplayNameFor(model => model.Backup_taken)
                        @Html.DisplayNameFor(model => model.Restore_Database_Name)
                        @Html.DisplayNameFor(model => model.Date_Restored)
                    </th>
                    <th></th>
                </tr>
            </thead>
            @foreach (var item in Model)
            {
                <tbody align="left">
                    <tr>

                        <td style="word-wrap: break-word">
                            @Html.DisplayFor(model => item.Backup_Location)
                        </td>
                        <td>  @Html.DisplayFor(modelItem => item.Backup_taken)</td>
                        <td>   @Html.DisplayFor(modelItem => item.Restore_Database_Name)</td>
                        <td> @Html.DisplayFor(modelItem => item.Date_Restored)</td>




                    </tr>
                </tbody>
            }

        </table>

非常感谢你！

Answer 1

试试这个：在你的Gridmvc.css注释中这个/ white-space：nowrap; /和/ min-height：22px; /

就像那样：

table.grid-table td
{
    margin: 2px 6px 2px 6px; 
    padding: 1px 6px 1px 6px;
    /*min-height: 22px;*/
}
table.grid-table tr:nth-child(odd) td
{
    background: #e3fdf2;
    border: 1px solid #ADA7A7;
    /*white-space: nowrap;*/
}

table.grid-table tr:nth-child(even) td
{
    background: white;
    border: 1px solid #ADA7A7;
    /*white-space: nowrap;*/
}

Answer 2

具体定义每列的宽度或仅以百分比形式定义宽度，并且应指定容器以使内容不超过指定的宽度。

如何在单元格中包装数据？

2 个答案: