對齊文本圖標

我要對齊的圖標圖標圖像對齊文本圖標

這裏下的文本的中心是小提琴鏈接：

<div id="middle"> 
    <div class="icon_middle"><img src="images/smart_tv.jpg" align="middle" vspace="5"><span>Smart TV</span></div> 
    <div class="icon_middle"><img src="images/tablet.jpg" align="middle" vspace="5"><span>Tablet</span></div> 
    <div class="icon_middle"><img src="images/iphone.jpg" align="middle" vspace="5"><span>Iphone</span></div> 
    <div class="icon_middle"><img src="images/android.jpg" align="middle" vspace="5"><span>Android</span></div> 
    <div class="icon_middle"><img src="images/pc.jpg" align="middle" vspace="5"><span>Pc</span></div> 
    <div class="icon_middle"><img src="images/mac.jpg" align="middle" vspace="5"><span>Mac</span></div> 
    <div id="middle_txt">

來源

2013-12-22 alonblack

請詳細說明您嘗試使其工作的原因以及爲何無法使用。不要期望SO上的人只爲你寫代碼。 – Max

也許用更相關的jsfiddle更新你的問題？沒有圖標也沒有說明這個問題不是很好 –

變化給你的CSS ，你會得到對齊圖像和文字在中心：

CSS

.icon_middle span { 
    display:block; 
    margin: 0 auto; 
    text-align:center; 
} 

.icon_middle img { 
    padding: 0 10px; 
    display: block; 
    margin: auto; 
}

來源

2013-12-22 16:16:27

非常感謝你 – alonblack

您必須在某個容器（span或div）內放置img/span對，然後將它們與該容器對齊。或者，如果佈局被認爲更像表格，只需使用table/tr/td並在td內對齊img/span。

來源

2013-12-22 16:16:57 akhikhl

對齊文本圖標

回答

相關問題