我需要一些帮助中心和获取文本和图像内联（jquery）

我需要获取文本和图像在同一行中居中。即时通讯在jQuery中使用data-role =“header”函数，但似乎无法将所有内容都集中在一行中。该CSS是Jquery的标准我需要一些帮助中心和获取文本和图像内联（jquery）

<html> 
     <head> 
      <meta charset="utf-8"> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <title>jQuery</title> 
       <link rel="stylesheet" href="themes/scavenger-hunt.min.css" /> 
      <link rel="stylesheet" href="Publish/jquery-mobile/jquery.mobile.structure-1.0.min.css" /> 
      <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
      <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script> 
     <body> 

<div data-role="page" id="home"> 
    <div data-role="header"> 
    <h1>Scavenger</h1><img src="images/logosh.png" alt="logo" width="50" height="50" align="absmiddle"><h1>Hunt</h1> 
</div>

来源

2013-02-23 saulpm

所以，你想有清道夫亨特？ – BenM 2013-02-23 21:15:12

把你的H1的第一那么你的图像最后在HTML和CSS应该是这样的

#home > div h1:first-child {float:left} 
#home > div h1 {float:right} 
img {display:block; margin-left:auto; margin-right:auto;}

这里有一个小提琴http://jsfiddle.net/tbd5f/1/

来源

2013-02-23 21:16:06

我想* OP想要图像和文本在一行中（即'display：inline'，但在标题中居中。 – BenM 2013-02-23 21:18:38

我强烈反对从将标题拆分为两个单独的<h1>元素，因为这是不必要的也不太正确：P

尝试使用t他的HTML代码：

<h1> 
    Scavenger 
    <img src="http://placehold.it/50x50" alt="logo" width="50" height="50" align="absmiddle"> 
    Hunt 
</h1>

而这个CSS：

h1 { 
    text-align: center; 
}

来源

2013-02-23 21:22:34 Terry

我需要一些帮助中心和获取文本和图像内联（jquery）

回答

相关问题