我如何在移動設備上對齊圖像中心

我正在爲網站創建基本移動版本。在聯繫頁面上，我有並排的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

我如何在移動設備上對齊圖像中心

回答

相關問題