【问题标题】:jQuery mobile image centered in header with "default" size以“默认”大小为中心的 jQuery 移动图像
【发布时间】:2013-06-23 11:49:54
【问题描述】:

看到这个小提琴: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>

【问题讨论】:

    标签: jquery css


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多