防止文本在打印時打破新行

我試圖打印一個網頁，並且這基本上出現在底部附近的頁腳。我遇到的問題是文本恭敬地提交和FCD行政長官闖入一條新的線。我希望它被尊重地提交，而FCD主任各自出現在他們自己的臺詞上。防止文本在打印時打破新行

HTML

<!-- printing class --> 
    <span id="print-block-1" class="visible-print"> 
    <b>Respectfully Submitted:</b> <?php echo"$name"; ?> 
    </span> 
    <br><br> 
    <hr> 
    <div class="visible-print" id="print-block-2"> 
    Chief of FCD 
    </div> 
    <br><br>

CSS

#print-block-1 { 
    position:fixed !important; 
    bottom: 120px !important; 
    left: 570px !important; 
    width:auto !important; 
    font-size: 6pt !important; 
} 
#print-block-2 { 
    position:fixed !important; 
    bottom:80px !important; 
    left:570px !important; 
    width:auto !important; 
    font-size: 6pt !important; 
}

這是截圖

A screenshot of Print Preview

來源

2014-03-13 lozadaOmr

將第一個塊的左側設置爲較小的數字，並將兩個塊的「底部」設置爲相同。你將不得不做足跡和錯誤來確定第一個塊的左邊值 – Huangism

爲了防止字wrappi用短語替換空格： 

另外，!important是一個非常直白的工具，只能偶爾使用。閱讀如何CSS特異性的作品。

來源

2014-03-13 20:01:57

防止文本在打印時打破新行

回答

相關問題