Javascript flexText-the<；预处理>；扩展的比它应该扩展的更多

我有一个模态对话框，其中有文本区域用于输入主题和消息

<div class="field-group convo-body">
   <div class="convo-sub">
    <textarea  class="subject msg" rows="1" id="subject" name="subject"        placeholder="Subject" maxlength="255"></textarea>
   </div>
 <div class="convo-msg">
    <textarea class="body msg" placeholder="Say Something" name="message" id="message"></textarea>
   </div>
</div> 

文本区域和按钮之间的距离（空白）增加的问题

文本区域和按钮之间的距离（空白）每增加多少？每次打电话？它的增长量总是一样的吗？澄清你的问题陈述确实会增加你获得好答案的机会。每行增加（输入）

  <div class="modal-footer">
      <a href="#" class="cancel-btn" data-dismiss="modal"><g:message code="buttons.cancel"/> </a>
      <button type="submit" id="submitNew" class="button-blue" disabled><g:message code="message.details.buttons.send"/></button>
                </div>

.convo-sub .flex-text-wrap pre {
    min-height: 2em;
    font-size: 28px;
    line-height: 1.313;
}

.convo-msg .flex-text-wrap pre {
    min-height: 2em;
    font-size: 21px;
    line-height: 1.313;
}