style html fonctionne pas dans FF en vue MVC

Question

Je le point de vue suivant:

<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> 

Je veux la largeur limitée au sein de 600px pour l'impression, donc je mets haut div-width=600, Wich fonctionne très bien dans IE , mais ne fonctionne pas dans Firefox.

Par exemple, si les données pour mydescription est quelque chose comme:

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

Dans IE la ligne peut être warpped à plusieurs lignes dans 600 limites. Mais dans Firefox, la ligne sera étendue et il n'y aura pas de déformation, donc elle sera coupée par l'affichage. Mais l'impression est bien pour FF.

Je suis très confus. Comment puis-je résoudre ce problème?

Answer 1

Vous devez le CSS suivant pour forcer la ligne à briser:

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+ */ 
}