在Jquery Mobile中如何使multi 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

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

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