打印页面右侧有文字切断

时间:2013-04-11 16:51:32

标签: html css css3 printing-web-page

当我给页面打印时... 页面右侧的文字被切断了.... 我在print 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;
            }
        }

2 个答案:

答案 0 :(得分:1)

我在项目中遇到了同样的事情......一切都在右侧被切断了。 :(

我最后通过简单地设置宽度并对它感到满意来“修复”它。我不认为this post是我从中获取信息的确切信息,但看起来很不错。

答案 1 :(得分:0)

我对SVG图有同样的问题,下面的css对我有效。

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