jquery - 以“默认”大小为中心的 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>