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

我正在为网站创建基本移动版本。在联系页面上，我有并排的facebook & linkedin徽标。垂直观看时，它们居中对齐。当屏幕旋转（在iPhone中）时，Facebook徽标移动到左侧并且不居中。下面是该页面的链接。我如何在移动设备上对齐图像中心

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

所有帮助，将不胜感激。

感谢

来源

2013-04-09 prithvi

我不明白你的问题。 Facebook和LinkedIn徽标都位于div中，并且以我的iPhone 4s为中心，垂直或水平。 – Alkaline 2013-04-09 03:17:40

[我网站上的东西无法使用。我可以只粘贴一个链接吗？]（http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT） – Antony 2013-04-09 03:19:53

希望这个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">

来源

2013-04-09 03:18:57 Fredy

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

回答

相关问题