Tranform.Rotate css per la finestra di stampa che non funziona? JS

voti
0

Voglio stampare i miei dati a 90 gradi, che è il mio controllo, ma transform.rotate stile css non funziona ecco il mio html

   <div id=content>
        <div id=dvRef  class=divSquare>1</div>
        <div  id =dvDate  class=divSquare>2</div>
        <div style='clear:both'></div>
        <div id=dvWords class=divSquare>3</div>
        <div id=dvAmount class=divSquare>4</div>
  </div>

JS per finestra di stampa

        var win = window.open('', 'printwindow','height=600,width=800');
        var str = '<html><head><title> alflah</title>';
        str = str + '<style> #content  {     position: relative;   top: 90px;   -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -o-transform: rotate(90deg);   -ms-transform: rotate(90deg);  transform: rotate(90deg);    }      div#dvAmount { position: relative;  left: 218px; } .divSquare{     width:20%; height:10px; margin:4px;  float: left  } div#dvDate {  left: 218px;   position: relative;   top: -16px;  }  </style>';
        str = str + '   </head>';
        $(win.document.head).html(str);
        $(win.document.body).html('<body>' + $(#content).html() + '</body></html>'); 
        win.document.close();
        win.focus(); // necessary for IE >= 10
        win.print();
        win.close();

il mio css per il lavoro superiore e l'allineamento, ma ho bisogno transform.rotate anche per essere lavorato, ma non funziona nessun idea.I sono l'aggiunta di js collegamento violino

Link al problema JS Fiddle

È pubblicato 26/07/2017 alle 06:20
fonte dall'utente
In altre lingue...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more