我如何在移动设备上居中对齐图像

Question

我正在为网站创建一个基本的移动版本。在联系页面中，我有facebook＆amp; linkedin徽标并排。垂直观察时它们是中心对齐的。当屏幕旋转时（在iPhone中），facebook徽标向左移动而不是居中。下面是该页面的链接。

http://www.prithvichandra.com/lennox/mobile/contact.html

所有帮助将不胜感激。

感谢

Answer 1

希望这个css可以修复：

/*
.social-network-wrapper{ width:95%; margin: 10px 5%; float:left;}
.fb-wrapper, .ld-wrapper{ width:29%; float:left; text-align:center;}
*/
.social-network-wrapper {float: left; width: 100%;}
.fb-wrapper, .ld-wrapper{ width:48%;}
.fb-wrapper{text-align:right; float: left;}
.ld-wrapper{text-align:left; float: right;}

并更改此行：

<div class="fb-wrapper" style="margin-left: 72px;">

到

<div class="fb-wrapper">