1 Star 0 Fork 8

threesons/小学加减乘除法作业

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
result.html 9.51 KB
一键复制 编辑 原始数据 按行查看 历史
dreamrise 提交于 2021-11-17 15:29 . second commit
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>A4</title>
<script src='formula.js' ></script>
<style>
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-color: white;
font: 12pt "微软雅黑";
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page {
width: 210mm;
/* min-height: 297mm; */
margin: 10mm auto;
background: white;
/* border: 1px solid black; */
}
.subpage {
/* padding: 1cm; */
/* border: 1px red solid; */
margin: 3mm 20mm;
}
.subpage p {
font-size: 10pt;
}
.subpage .practice {
padding-left: 2mm;
margin-top: 3mm;
margin-bottom: 4mm;
}
.subpage .practice ul li {
display: block;
float: left;
width: 25%;
height: 15mm;
list-style: none;
font-weight: 700;
font-size: 11pt;
line-height: 15mm;
}
.line1 {
padding-top: 14mm;
margin-left: 117mm;
font-weight: 600;
}
.line2 {
padding-top: 3mm;
margin-left: 117mm;
font-weight: 600;
}
@page {
size: A4;
margin: 0;
}
@media print {
html,
body {
width: 210mm;
height: 297mm;
}
.page {
margin: 0;
position: relative;
border: initial;
border-radius: initial;
width: initial;
min-height: initial;
box-shadow: initial;
background: initial;
page-break-after: always;
}
}
.subpage .practice2 ul li {
display: block;
margin-top: 2mm;
margin-bottom: 4mm;
padding-right: 10mm;
float: left;
width: 25%;
font-size: 12pt;
list-style: none;
font-weight: 700;
}
.subpage .practice2 ul li .top {
height: 10mm;
width: 100%;
padding-left: 8mm;
line-height: 10mm;
/* white-space: pre; */
text-align-last: justify;
}
.subpage .practice2 ul li .middle {
position: relative;
height: 8mm;
width: 100%;
padding-left: 8mm;
padding-bottom: 9mm;
line-height: 8mm;
border-bottom: 2px solid #000;
/* white-space: pre; */
text-align-last: justify;
}
.subpage .practice2 ul li .middle span {
position: absolute;
top: -0.2mm;
left: 1mm;
font-size: 15pt;
font-weight: 400;
}
.subpage .practice2 ul li .down div {
float: right;
margin-top: 1mm;
margin-right: 0mm;
width: 100%;
height: 8mm;
border: 2px solid #000;
}
.subpage .practice2 ul li .multilines div {
float: right;
margin-top: 1mm;
margin-right: 0mm;
width: 100%;
height: 33mm;
border: 1px dashed rgb(248, 248, 248);
}
.subpage .practice3 ul li {
display: block;
margin-top: 8mm;
margin-bottom: 4mm;
padding-right: 10mm;
float: left;
width: 25%;
font-size: 12pt;
list-style: none;
font-weight: 700;
}
.subpage .practice3 ul li .top {
height: 10mm;
width: 100%;
padding-left: 0mm;
line-height: 10mm;
/* white-space: pre; */
text-align-last: justify;
}
.subpage .practice3 ul li .division div {
float: right;
margin-top: 1mm;
margin-right: 0mm;
width: 100%;
height: 35mm;
border: 1px dashed rgb(235, 234, 234);
}
</style>
</head>
<body>
<div class="page">
<div class="line1">
______月______日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;姓名:______________
</div>
<div class="line2">
______分______秒&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;班级:______________
</div>
<div class="subpage">
<h3>竖式计算(乘法)</h3>
<p>
-----------------------------------------------------------------------------------------------------------
</p>
<div class="practice2">
<ul>
<li>
<div class="top">
7 7 9
</div>
<div class="middle">
<span>×</span>1 3 6
</div>
<div class="multilines">
<div></div>
</div>
</li> <li>
<div class="top">
4 8 4
</div>
<div class="middle">
<span>×</span>&ensp; 1 7
</div>
<div class="multilines">
<div></div>
</div>
</li> <li>
<div class="top">
5 2 1
</div>
<div class="middle">
<span>×</span>1 8 8
</div>
<div class="multilines">
<div></div>
</div>
</li> <li>
<div class="top">
8 9 5
</div>
<div class="middle">
<span>×</span>&ensp; 3 0
</div>
<div class="multilines">
<div></div>
</div>
</li> <li>
<div class="top">
8 1 4
</div>
<div class="middle">
<span>×</span>&ensp; 7 9
</div>
<div class="multilines">
<div></div>
</div>
</li> <li>
<div class="top">
1 1 9
</div>
<div class="middle">
<span>×</span>&ensp; 2 0
</div>
<div class="multilines">
<div></div>
</div>
</li> <li>
<div class="top">
9 5 6
</div>
<div class="middle">
<span>×</span>&ensp; 2 6
</div>
<div class="multilines">
<div></div>
</div>
</li> <li>
<div class="top">
8 8 6
</div>
<div class="middle">
<span>×</span>2 0 0
</div>
<div class="multilines">
<div></div>
</div>
</li>
</ul>
</div>
<h3>竖式计算(除法)</h3>
<p>
-----------------------------------------------------------------------------------------------------------
</p>
<div class="practice3">
<ul>
<li>
<div class="top">
<division>16226/122</division>
</div>
<div class="division">
<div></div>
</div>
</li> <li>
<div class="top">
<division>147061/199</division>
</div>
<div class="division">
<div></div>
</div>
</li> <li>
<div class="top">
<division>421785/585</division>
</div>
<div class="division">
<div></div>
</div>
</li> <li>
<div class="top">
<division>275975/475</division>
</div>
<div class="division">
<div></div>
</div>
</li> <li>
<div class="top">
<division>145186/317</division>
</div>
<div class="division">
<div></div>
</div>
</li> <li>
<div class="top">
<division>124916/167</division>
</div>
<div class="division">
<div></div>
</div>
</li> <li>
<div class="top">
<division>266207/523</division>
</div>
<div class="division">
<div></div>
</div>
</li> <li>
<div class="top">
<division>137100/300</division>
</div>
<div class="division">
<div></div>
</div>
</li>
</ul>
</div>
</div>
</div>
<script>
var formula=new Formula();
formula.processAll();
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/threesons/mathgen.git
git@gitee.com:threesons/mathgen.git
threesons
mathgen
小学加减乘除法作业
master

搜索帮助