span {
display:inline-block;
width: 30px;
}
<script>document.write("<span>"+sum_count+"</span>")</script>
完整代码
<html>
<head>
<script>
var counter_trigger_condition="Thresholds";
var in_count="In:";
var out_count = "Out:";
var sum_count="Sum:";
</script>
<style>
table.mstable tr td {
width: 250px;
}
table.mstable select {
padding: 0px;
width: 195px;
}
table.mstable input {
padding: 0px;
width: 195px;
}
table.mstable td select.formatSel {
width: 80px;
}
span {
display:inline-block;
width: 30px;
}
</style>
</head>
<body>
<table border frame=box>
<tr>
<td><script>document.write(counter_trigger_condition);</script></td>
<td valign="middle">
<input type="checkbox" style="width:15px;" id="in_alarm">
<script>document.write("<span>"+in_count+"</span>")</script>
<input type="text" value="9999" style="width:35px;" id="in_alarm_num" validation="numeric" required="required" maxlength="4">
<br>
<input type="checkbox" style="width:15px;" id="out_alarm">
<script>document.write("<span>"+out_count+"</span>")</script>
<input type="text" value="9999" style="width:35px;" id="out_alarm_num" validation="numeric" required="required" maxlength="4">
<br>
<input type="checkbox" style="width:15px;" id="sum_alarm">
<script>document.write("<span>"+sum_count+"</span>")</script>
<input type="text" value="9999" style="width:35px;" id="sum_alarm_num" validation="numeric" required="required" maxlength="4">
</td>
</tr>
</table>
</body>
</html> 效果展示：
in,out,sum拥有了相同的宽度