2013-04-11 88 views
0

當我給頁面打印時... 頁面右側的文字被切斷.... 我給文字左對齊在打印CSS但仍然沒有工作... 提供下面我的代碼....打印頁面右側的文字被切斷

http://jsfiddle.net/jjnKP/

@media print { 
     body { 
      margin:0; 
      padding:0; 
      line-height: 1.4em; 
      word-spacing:1px; 
      letter-spacing:0.2px; 
      font: 17px Arial, Helvetica,"Lucida Grande", serif; 
      color: #000;} 
     .mainDiv, .navbar, .copyright { 
      display: none; 
     } 

     #templateTwoPadding { 
       padding: 0 0; 
      } 

      #tableHeadingLastDF{ 
       text-align: left; 
       width: 134px; 
       border:1px solid white; 
      } 
      #makeLeftDF{text-align: left;} 

      .jumbotron .lead { 
       font-size: 12px; 
      } 
     } 
+0

你能提供的HTML? – George 2013-04-11 16:55:25

+1

你可能有一個固定的寬度在屏幕CSS的身體設置的某個地方。請嘗試將身體寬度到100%在印刷css – Pevara 2013-04-11 16:58:54

+0

或'#tableHeadingLastDF {寬度:134px;}'我s根本不夠寬? – Omega 2013-04-11 17:01:39

回答

1

我有同樣的事情發生在我身上的一個項目...一切一直得到右側切斷。 :(

我結束了「固定」它通過簡單地設置一個寬度,並且感到高興。我不認爲this post是確切的一個,我從我的信息,但看起來很不錯一樣。

+0

感謝您的回覆工作 – user2267365 2013-04-11 17:23:11

0

我曾與SVG圖形相同的問題,下面CSS是爲我工作。

@media print { body {transform: scale(.6);} }