javascript - html pre tag is not displaying multilines according to screen size -


i trying print 3 lines text screen. used pre tag format. displaying 3 separate lines cutting data end. please see below code , screen shot.

this how on screen: enter image description here , is dispalying in print out. enter image description here see cutting data @ end on line 2.

below html code:

@model maxpanda.domain.viewmodel.printworkordermodel @using system.globalization @using maxpanda.domain.viewmodel  <style>     table.printtable > tbody > tr > td:first-child {         font-size: 17px;     }      table.printtable > tbody > tr > td:last-child {         font-size: 15px;         width: 300px;     }        pre {         font-size: 15px;         font-family: "open sans,1segoe ui", frutiger, "frutiger linotype", "dejavu sans", "helvetica neue", arial, sans-serif;     }   </style>  <table class="printtable">     <tr class="printheader">       <tr>         <td>@html.labelfor(model => model.notes)</td>         <td><pre>@model.notes</pre></td>         @*<td>@model.notes</td>*@     </tr>  </table> 

could please have , let me know if using pre tag correctly?

thanks.


Comments

Popular posts from this blog

inversion of control - Autofac named registration constructor injection -

verilog - Systemverilog dynamic casting issues -

ios - Change Storyboard View using Seague -