天天看點

使 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>