我有4個圖標水平對齊。不過,如果有意義的話,我希望讓他們通過中心線相互對齊。目前他們不匹配。例如,一幅圖像的頂部可能與另一幅圖像的中間一致。圖標大小不同,但我不介意,只要中央對齊即可。這裏是我的html試圖集中對齊圖像
<section class="feature">
<div class="grid_4">
<img src="images/image-1.png">
<p>
<a href="#">Email</a>
[email protected]<br>hotmail.com
</p>
</div>
<div class="grid_4">
<img src="images/image-2.png">
<p>
<a href="#">Mobile</a><br>
Call or text 085PIDGEON
</p>
</div>
<div class="grid_4">
<img src="images/image-3.png">
<p>
<a href="#">Facebook</a><br>
Check us out on Facebook!
</p>
</div>
<div class="grid_4">
<img src="images/image-4.png">
<p>
<a href="#">Twitter</a><br>
Tweet me! @pidgeon
</p>
</div>
</section>
和有關CSS
.feature {
margin-top: 70px;
font-size: 15px;
font-family: sans-serif;
}
.feature img {
float: left;
margin-right: 6px;
}
感謝您的幫助。如果不清楚我的意思,我可以上傳PS模板的照片來解釋。
所以我假設你想要它居中和水平對齊? – 2014-08-30 01:29:09