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 调整，我已经修改了您的代码，因此元素 float 在中心，而不需要对包含的 div 应用宽度

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

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