以“默认”大小为中心的 jQuery 移动图像

Question

看到这个小提琴：http://jsfiddle.net/pmjtf/

我正在尝试让徽标图像立即位于标题“文本”的左侧。

我还希望图像的大小与我认为约为 16 像素的默认标题文本大小相同。更准确地说，我不希望标题栏因为图像大而调整大小，我希望图像缩小。

我已经能够使用height 标签强制调整大小，但无法居中对齐。

<div data-role="page">
        <div data-role="header" data-position="inline">
              <img src="example.png"> <h1>test</h1>
            </div>
    </div>

Answer 1

最好的办法是将您的图片放在<h1> 中，并将其大小设置为1em，这会使其自动缩放到任何文本大小。

<div data-role="page">
  <div data-role="header" data-position="inline">
    <h1>
      <img src="example.png" style="height: 1em" />
      test
    </h1>
  </div>
</div>