css a4纸张打印样式 |漂亮的复选按钮 css

首先，在CSS中设置基本样式，将页面宽度设置为A4纸张的宽度：210mm，高度设置为297mm。代码如下：

@media print
{
html,body{
width:210mm;
height:297mm;
margin:0;
padding:0;
}
}

接着，要调整页面上的元素位置和大小，使之适应A4纸张的大小。通常大家会将所有元素都设置宽度为100%，但是为了避免无法打印出横向内容，可以将一些需要占据整行的元素设置为适当的宽度。比如，将一个div元素宽度设置为180mm，就可以占据整行了。代码如下：

@media print
{
div{
width:180mm;
}
}

此外，为了节省纸张，还可以使用浏览器的分页打印功能将一长段内容分成多页打印。代码如下：

@media print
{
.content{
page-break-before: always;
}
}

以上就是设置网页A4纸张打印样式的基本方法。通过这些样式设置，大家可以让网页内容更符合打印习惯，为用户提供更好的打印体验。