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

Question

我正在为网站创建一个基本的移动版本。在联系页面中，我并排放置了 facebook 和 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">