Question

我有以下观点：

<div style="width:600">
    <fieldset style="width:600">
    <table style="width:600" >
       <tr>
             <td>TEST</td>
             <td ><span class="displayData"><%= Html.Encode(Model.MyDESCRIPTION)%></span></td>  
             <td style="width:100%;" >&nbsp;</td>                  
             <td style="white-space: nowrap;">....</td>
             </tr>
        </table>
    </fieldset>
</div>

我希望宽度限制在600px以内进行打印，所以我将顶部div设置为width=600，在IE中工作正常，但在Firefox中不起作用。

例如，如果MyDESCRIPTION的数据类似于：

12222222222222332222222132213123..123131111111111111111111111111111 
(no space, its total length will exceed 600).

在IE中，线可以在600限制范围内变形为多条线。但是在Firefox中，线路将被扩展并且没有扭曲，因此它将被显示器切断。但FF的打印很好。

我很困惑。我该如何解决这个问题？

Answer 1

您需要以下CSS来强制该行中断：

td span {
    width: 600px;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

在MVC视图中，html样式在FF中不起作用

1 个答案: