天天看点

使 input 框与后面的文字处在同一行的方法

若一个 input 框在 td里面,且此时需要在 input 框后面加入一个文字描述,该如何避免input框和添加文字不在同一行的情况。

解决办法

限制 Input 输入框的长度,在 input 中加入 style="width: 55%;"进行限制即可。

<script>

 <td class="font2 td_tiele_new"  style="text-align:left; height:20px;">
         <input style="width: 55%;"  id="miss${d.drug_Key}" name="missQuantity"  class="inputs" style="text-align: left;"
                  value="${d.miss_Quantity}"  type="text" readonly="readonly"   validate="{required: true,messages: {required: '必填项'}}" />&nbsp;&nbsp;${d.unit}
</td>