对齐文本图标

我要对齐的图标图标图像对齐文本图标

这里下的文本的中心是小提琴链接：

<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

对齐文本图标

回答

相关问题