实现输入框后带固定单位

 1 <!DOCTYPE> 
 2 <html > 
 3 <head> 
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
 5 <style type="text/css"> 
 6 
 7 .combo { 
 8 border-color: black; 
 9 background-color: #fff; 
10 border-width: 1px; 
11 border-style: solid; 
12 overflow: hidden; 
13 margin: 0; 
14 padding: 0; 
15 
16 display: inline-block; 
17 white-space: nowrap; 
18 vertical-align: middle; 
19 } 
20 
21 .combo .combo-text { 
22 font-size: 12px; 
23 border: 0px; 
24 line-height: 20px; 
25 height: 20px; 
26 margin: 0; 
27 padding: 0px 2px; 
28 vertical-align: baseline; 
29 } 
30 </style> 
31 </head> 
32 
33 <body> 
34 
35 <span class="combo"> 
36 <input class="combo combo-text"> 
37 <span> 
38 <span style="50px;">千克</span> 
39 </span> 
40 </span> 
41 
42 </body> 
43 </html>
原文地址:https://www.cnblogs.com/zq20/p/5755479.html