工作中遇到这种需求,但是需要手动页面设置中设定页边距
代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="css.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="print.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#dayin").click(function(){
$(".biaoti").css("color","#FFF");
$("div#myPrintArea").printArea();
});
});
</script>
</head>
<body>
<input id="dayin" type="button" value="打印">
<div cellspacing="0" id="myPrintArea" style="height:27.6cm;width:18.91cm;">
<table cellpadding="0" cellspacing="0">
<tr height="27.6cm">
<td style="width:0.8cm"><div align="center" style=" height:27.6cm; width:0.8cm;background-color:#CCC"></div></td>
<td cellspacing="0" style="border:none">
<div align="center" style="height:27.6cm; width:17.51cm;background-color:#999999;">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<div cellspacing="0" align="center" style=" height:4cm; width:17.51cm;background-color:#0C0;"></div>
</td>
</tr>
<tr >
<td >
<div align="center" style=" height:18.6cm; width:17.51cm;background-color:#CFF;">
<table cellpadding="0" cellspacing="0">
<tr style="background-color:#FFF; height:1.4cm">
<td>
<div align="center">
<table cellpadding="0" cellspacing="0">
<tr style="height:1.4cm">
<td class="biaoti" style="width:2.5cm">航班号:</td>