HTML 代码生成器：58mm 宽容器，5 行文本框
以下是生成网页代码的示例：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
width: 58mm;
border: 1px solid black;
padding: 2mm;
font-size: 12px;
}
.row {
display: flex;
justify-content: space-between;
margin-bottom: 2mm;
}
.textbox {
width: 20mm;
height: 10mm;
}
</style>
</head>
<body>
<div class='container'>
<div class='row'>
<input type='text' class='textbox' placeholder='文本框1' />
<input type='text' class='textbox' placeholder='文本框2' />
</div>
<div class='row'>
<input type='text' class='textbox' placeholder='文本框3' />
<input type='text' class='textbox' placeholder='文本框4' />
</div>
<div class='row'>
<input type='text' class='textbox' placeholder='文本框5' />
<input type='text' class='textbox' placeholder='文本框6' />
</div>
<div class='row'>
<input type='text' class='textbox' placeholder='文本框7' />
<input type='text' class='textbox' placeholder='文本框8' />
</div>
<div class='row'>
<input type='text' class='textbox' placeholder='文本框9' />
<input type='text' class='textbox' placeholder='文本框10' />
</div>
</div>
</body>
</html>
这段代码会生成一个宽度为 58mm 的容器，容器内有 5 行，每行包含两个宽度为 20mm、高度为 10mm 的文本框，文本框之间有 2mm 的间距。文本框的文字大小为 12px。
原文地址: https://www.cveoy.top/t/topic/ffUc 著作权归作者所有。请勿转载和采集!