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の微調整の組み合わせを使用して、コードを変更しました

    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;
}