内联元素之间的额外空间

Question

我有这个HTML：

<div class="form-group"><!--
    --><div class="input-group" id="fileGroup">
    <input type="text" class="form-control" readonly placeholder="<?php    echo SF ?> *" id="selectedPiture" required data-validation-required-message="<?php echo FOTO ?>">
    <p class="help-block text-danger"></p>
   <span id="filePicture" class="input-group-btn">
       <button id="foto" class="btn btn-default" onclick="$('#fileToUpload').click();" type="button">&#xf1c5</button>
      <script>
        ...
      </script>
</span>
</div>

结果我在输入文本下方获得了额外的空间。您可以在图像中看到边框。我已经尝试过类似问题中提出的解决方案。但没有任何作用。 有任何提示要解决这个问题吗？

Answer 1

固定。问题在于按钮css，更确切地说是填充。我只是简化了这条指令并增加了很棒字体的字体大小。