document.write设置样式

来源：互联网发布：视差js原理编辑：程序博客网时间：2024/06/15 20:46

span {
display:inline-block;
width: 30px;
}

完整代码

<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拥有了相同的宽度

阅读全文

0 0