Certificate Printing CSS Knowledge points summary

Demand:

1, the certificate content dynamic fill;

2, the certificate background map does not require printing, only for the display role;

3, Print content compatible with screen resolution;

Realize:

  <!--outer div width is background image width--
  <div style= "position:relative;width:1397px;margin:0 auto;" >
    <div id= "permitimg" style= "Position:absolute;" >
        <!--background image--
        
    </div>
    <div class= "Infos" style= " Position:absolute; " >
        <!--display--
        <span style= "top:77px;left:151px;" > Certificate Content </span>
    </div>
  </div>

Small Knowledge Points:

1, span fixed width, but the text does not change line, set Word-wrap:break-word;

2, adjust the span fill text line spacing, set the Line-height property;

3, span fixed width high, beyond the content of the text box is not displayed, set Overflow:hidden;