首页html 57mm小票打印格式开发

html 57mm小票打印格式开发

时间: 2023-11-16 14:44:10 浏览: 72

以下是一个简单的57mm小票打印格式的HTML示例： ```html <!DOCTYPE html> <html> <head> <title>小票打印格式</title> <style type="text/css"> @media print { /* 定义打印时的样式 */ body { font-size: 12px; } /* 定义票据的样式 */ .ticket { width: 57mm; height: auto; margin: 0 auto; border: 1px solid #000; padding: 5px; font-family: 'Microsoft YaHei', sans-serif; } /* 定义票据表格的样式 */ .ticket table { width: 100%; border-collapse: collapse; } .ticket table td, .ticket table th { border: 1px solid #000; padding: 5px; } .ticket table th { background-color: #eee; } /* 定义票据页脚的样式 */ .ticket .footer { margin-top: 10px; text-align: center; } } </style> </head> <body> <div class="ticket"> <table> <thead> <tr> <th colspan="2">商品名称</th> <th>单价</th> <th>数量</th> <th>金额</th> </tr> </thead> <tbody> <tr> <td colspan="2">商品1</td> <td>10.00</td> <td>2</td> <td>20.00</td> </tr> <tr> <td colspan="2">商品2</td> <td>20.00</td> <td>1</td> <td>20.00</td> </tr> <tr> <td colspan="2">商品3</td> <td>30.00</td> <td>3</td> <td>90.00</td> </tr> <tr> <td colspan="4" align="right">合计：</td> <td>130.00</td> </tr> </tbody> </table> <div class="footer"> 联系电话：10086 </div> </div> </body> </html> ``` 需要注意的是，这只是一个简单的示例，实际应用中还需要根据具体需求进行调整和完善。

阅读全文