demo：
<html>
<body>
<style>
body { line-height: 30px; font-size: 14px; font-family: 'Noto Serif CJK SC';}
.center { font-size: 22px; text-align: center; margin: 40px 0px 20px; font-family: 'Noto Sans CJK SC'; }
.sub-title { font-size: 19px; font-family: 'Noto Sans CJK SC'; }
.second-sub-title { font-size: 17px; font-family: 'Noto Serif CJK SC'; }
.indented { text-indent: 14px; }
.bolded { font-weight: bold }
table {border-collapse:collapse; table-layout:fixed; width:310px;}
table, th, td { border: 1px solid black;word-wrap:break-word;}
</style>
<div class='center'><span class='bolded'>朗播 SAT 学员成绩单分析报告</span></div>
<br></br>
<div class='sub-title'><span class='bolded'>个人信息</span></div>
<div class='text indented'>- 学员姓名：</div>
<div class='text indented'>- 考试日期：</div>
<div class='text indented'>- 总分： </div>
<div class='text indented'>- 数学： 分</div>
<div class='text indented'>- 语文： 分</div>
<table style="fixed">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>JillJillJillJillJillJillJillJill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
</body>
</html>
网友评论