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:
, is dispalying in print out.
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
Post a Comment