大佬教程收集整理的这篇文章主要介绍了html – 如何将图像与离子中的页面中心对齐，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<ion-view hide-nav-bar="true">
<ion-content class="backgound-red ">
<section class = "home-container">
<div class="row icon-row">
<div class="col">
<h1 class="text-white text-center">My Application </h1>
<h4 class ="text-white text-center ">version 1.0.0</h4>
</div>
</div>
<div class="row row-center" >
<div class="col text-center" >
<img alt="Logo" height="100" src="img/logo.png" >
</div>
</div>
<div class="row icon-row">
<div class="col ">
<a class="text-white text-center" href="#" onclick="window.open('http://members.000webhost.com/login.php?'); return false;">
<h5 class ="text-white text-center ">access server</h5></a>
</div>
</div>
</section>
</ion-content>
我想要的布局,图像应该自动对齐移动屏幕.(标签,手机)
.home-container .row-center img {
position:absolute;
left: 0;
right: 0;
margin:0 auto;
top:50%;
transform:translateY(-50%);
}
以上是大佬教程为你收集整理的html – 如何将图像与离子中的页面中心对齐全部内容，希望文章能够帮你解决html – 如何将图像与离子中的页面中心对齐所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。