我正在構建一個使用jQuery移動的應用程序。 我想要使用網格垂直和水平居中多個圖像,我希望圖像完全位於頁面的中心。我嘗試了一切,但沒有真正奏效。JQuery移動:使用網格垂直和水平居中多個圖像
我希望它究竟看起來像什麼在這個圖: Sample
這裏是我的代碼:
<div data-role="content">
<div class="ui-grid-a">
<div class="ui-block-a">
<img alt="" src="http://i.imgur.com/MIK25Fd.png" style="width: 100%;">
</div>
<div class="ui-block-b">
<img alt="" src="http://i.imgur.com/MIK25Fd.png" style="width: 100%;">
</div>
<div class="ui-block-a">
<img alt="" src="http://i.imgur.com/MIK25Fd.png" style="width: 100%;">
</div>
<div class="ui-block-b">
<img alt="" src="http://i.imgur.com/MIK25Fd.png" style="width: 100%;">
</div>
</div>
</div>
我喜歡它是否能完全一樣附有影像。
謝謝。
您是否嘗試過尋找到flexboxes? –