垂直对齐跨度为A.

Question

我正在尝试设置File类型的输入： http://codepen.io/mdmoura/pen/njAgJ

我正在使用的HTML标记如下：

<span class="file">
  <a href="#">browse<input type="file" name="annex"/></a>                 
  <span>path</span>
</span>

内部跨度（以红色显示）是显示所选文件（使用JQuery）。

问题是我无法将RED跨度与“浏览”按钮垂直对齐。

我尝试了其他选择，但我总是遇到某种问题。

有人可以帮助我吗？

谢谢你， 米格尔

Answer 1

您可以对display:table-cell和<a>使用<span>。