0

我有 20 个图标，我想从中制作一条居中的水平线图像。但我不能使用 HTML 表格，因为我希望它具有响应性。它应该为移动用户打包。通过使用 HTML 表格，我想我应该使用 1 行和 20 列，但它不会为小屏幕换行。

我创建了一组这样的 div。这个观点还可以。 http://jsfiddle.net/mayJ6/

<div style="display: inline-block; border: solid 1px black;">
    <a href="http://www.example.com" target="_blank" >
        <img src="http://profile.ak.fbcdn.net/hprofile-ak-prn1/157940_262105851352_1630693163_q.jpg"
           width="50" height="50" alt="photo"/>
    </a>
</div>

但是这个答案告诉不要在这种情况下使用显示内联块。通过使用 Twitter Bootstrap 等，是否有更好的解决方案看起来相似？

4

1 回答 1

0

我认为对于这种情况display: inline-block来说非常好。

在您引用的答案中，他们正在谈论主要布局，例如当您有 2 或 3 列并且想要并排显示它们时，在这种情况下浮动它们会更好。

您可以使用浮动实现相同的结果，但您必须使用容器包装照片/图标并设置固定宽度或填充以便像这样居中它们。如果您像我在这里的示例中那样以百分比设置宽度，它仍然会以较小的分辨率包装：http: //jsfiddle.net/E9pS9/

于 2013-04-27T16:20:32.423 回答