jquery - 在 Jquery Mobile 如何使多 div 到页面的中心

Question

现在我正在把它放到页面的左侧，我想把它放到页面的中心。

HTML：

<div id="viewMe">       
      <div class="leftelement">
          <div class="leftelement Width150">
              <a href="page1.html">
                <span class="image1">&#32;</span>
                <span>Image 1</span>
              </a>
          </div>
          <div class="leftelement Width150">
              <a href="page2.html">
                <span class="image2">&#32;</span>
                <span>Image 2</span>
              </a>
          </div>
          <div class="leftelement Width150">
              <a href="page3.html">
                <span class="image3">&#32;</span>
                <span>Image 3</span>
              </a>
          </div>
      </div>
</div>

CSS：

.leftelement{float:left;}
.Width150 {width:150px;}
.image1 {background: url(../images/image1.png) no-repeat;height: 160px;width: 145px;display:block;}
.image2 {background: url(../images/image2.png) no-repeat;height: 160px;width: 145px;display:block;}
.image3 {background: url(../images/image3.png) no-repeat;height: 160px;width: 145px;display:block;}

Answer 1

我认为这是您正在寻找的，使用 css 调整的组合我已经修改了您的代码，因此项目浮动在中心，而无需对包含的 div 应用宽度

    text-align:center;
 display:inline-block;

http://jsfiddle.net/BSPVM/1/

Answer 2

如果您将此代码用于手机 - 您应该了解以下box属性css3：

#viewMe{
   display:box;
   box-orient:horizontal;
   box-pack:center;
   box-align:center;
}