Html 图片位置

我需要帮助设置图像的位置：

1 2 3 4 5
6 7 8 9 10

对于此代码：

<ion-view title="Title">
    <ion-content class="scroll has-header>
        <div class="list">
            <a ng-repeat="champ in freeChamps" href="#/champ/{{ champ.id }}" class="item item-avatar" href="#">
              <img src="http://lkimg.zamimg.com/images/v2/champions/icons/size64x64/{{ champ.id }}.png">
            </a>
        </div>
    </ion-content>
</ion-view>

我为你做了一个快速的。
这是两排照片。如果您希望它们占窗口的1/5，我建议使用javascript

基本上可以归结为这个css

.icons {
  text-align:center;
}
.icons > img {
  height: 100px;
}

这是基于艾伦·埃蒂安的评论，但有一些变化


您需要设置以下CSS规则：

img
需要规则：
宽度：20%和<代码>浮动：左侧

正文
需要规则：
边距：0px

就这样
这将适用于您在评论中链接到的页面


这里有一个：

下面是CSS代码：

body{margin:0px；}img{width:20%；float:left}

希望有帮助
 请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难准确说出您的要求。这是我的页面：我希望它看起来像这样：（1 2 3 4 5-第一行，6 7 8 9 10-第二行您需要在此处复制问题。寻求代码帮助的问题必须包含在问题本身中复制问题所需的最短代码。虽然您提供了，但如果链接无效，您的问题对其他将来的用户没有价值，因此具有相同问题的用户也没有价值这是那个网站的CSS
body{display:block；margin:0px；}div{width:100%}div img{width:20%；display:block；float:left}
还有什么吗？我知道你对堆栈溢出还不熟悉，所以你现在可能知道这一点，但通常会接受答案“因为它解决了您的问题，或者对找到您的解决方案最有帮助”，请单击上下投票箭头下方的复选标记。另请参阅此堆栈溢出文章：