jquery - 文本方向 jquerymobile 按钮文本输入

Question

我有一个带有 jquerymobile 的 html5 表单。在一些文本输入上，我想添加一个帮助按钮。因此，我在 -tag 中包含了一个带有 data-role 按钮的 -element。这几乎是我想要的，但是按钮和文本的位置不太好。这是我的代码：

<div data-role="fieldcontain">
  <label for="t0098">Others <a href="#info_split" data-role="button" data-rel="popup" data-inline="true" data-icon="info" data-iconpos="notext">i</a></label>
  <input type="text" name="t0098" id="t0098" data-clear-btn="true" />
</div>

结果如下所示：

我假设vertical-align: middle !IMPORTANT在标签中添加一些 CSS 规则，但它似乎并没有改变它。

Answer 1

（根据 alkis 的建议，我将其发布为答案。）

要正确对齐文本和图像，您必须vertical-align: middle;在a.label

并且，正如 Kai 所提到的，也适用vertical-align: middle;于label，最后润色。