【问题标题】:Align images beside text在文本旁边对齐图像
【发布时间】:2013-05-10 00:53:39
【问题描述】:

我想在文本旁边对齐图像,并且它们需要是可点击的。我怎样才能做到这一点?我需要制作无序列表吗?

这是整个页面:http://jsfiddle.net/dzadze/68WrB/

<div>
<a class="pic_link" href="#">
<img src="http://f.cl.ly/items/3Q1e0G1Y2b2Q2U0N1g1q/fb.png">
</a>
<a href="#">Следете не <br>на FACEBOOK</a> &nbsp;
<a href="#" class="pic_link">
<img src="http://f.cl.ly/items/413J3G3e152p1g3W0t0l/ftp.png">
</a>
<a href="#">FTP Логин
</a>
<a class="pic_link" href="#">Што е Photobook</a>
<a href="#">Процес на изработка</a> &nbsp;
</div>

【问题讨论】:

    标签: image list text hyperlink anchor


    【解决方案1】:

    不是唯一的解决方案,但将其添加到您的 css 似乎可行:

    footer a{
        display: inline-block;
    }
    

    【讨论】:

      【解决方案2】:

      根据您所说的,听起来使用CSS floating 是一个不错的起点。

      【讨论】: