Page-break-after:always; How to use?

First, page-break-after:always; How to use, so many parameters, what is the difference?
Second, my code below, how can not do it (picture is not in, and the picture is not fully displayed)? How can I control the length and width of the picture?

<style type= "Text/css" >    body,ul,li,img{        margin:0;        padding:0;    }    img{        margin:0;        padding:0;    }    ul,li{        list-style-type:none;    }    . print{        margin:0 Auto;        width:100%;             }      . Print img{        display:block;        height:20mm;        width:60mm;    }    . location{/* Location Label */        height:50px;    }    . Print. prln {         page-break-after:always;    } </style>

<div class= "print" ></ul>        <?php $inputStart =$_post[' Inputstart '); $inputEnd =$_post[' inputend ']; $labelType =$_post[' labeltype ']?$_post[' Labeltype ']: "";  For ($i =intval ($inputStart); $i <=intval ($inputEnd); $i + +) {    echo "<li></li>";    echo $i <intval ($inputEnd)? " <li class=\ "prln\" ></li> ": NULL; }?></ul></div>

This attribute has not been used.

Set paging, useful when printing, see print Preview

It's OK to print the pre-view, but the actual print will change. I wasted nearly hundreds of prints to feel sorry for the country