圖片位置

-2

我需要幫助與圖像的設置位置：圖片位置

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>

你能幫助我嗎？

來源

2016-05-03 Pavol Fajdík

請說明您的具體問題或添加更多的細節，以確切地突出你所需要的。正如目前所寫，很難確切地說出你在問什麼。 –

這是我的頁面：http://paliaktest.netne.net/www/ 我希望它看起來像這樣：http://lolrotation.ovh/rfreekr（1 2 3 4 5 - 第一行，6 7 8 9 10 - 第二行 –

您需要在這裏重現問題。尋求代碼幫助的問題必須包含在問題本身中重現**所需的最短代碼**。儘管您已經提供了[**鏈接到示例或網站**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to如果鏈接無效，那麼你的問題對於其他將來出現同樣問題的SO用戶是沒有價值的。 –

這是基於艾倫埃蒂安的評論，但有一些變化。

您需要設置這些CSS規則：

img需要的規則：width: 20%;和float: left;
body需要規則：margin: 0px;
這就是它！

這將適用於您在評論中鏈接到的頁面。

這裏有一個：JSFiddle

而這裏的CSS代碼：

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

希望這有助於！

來源

2016-05-05 17:15:56

https://jsfiddle.net/hryqo6d7/

我做了這個快一個給你。這是兩排圖片。如果你想讓它們成爲窗口的1/5，我建議使用javascript。

它基本上可以歸結爲這個CSS

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

來源

2016-05-05 16:57:37 LaughingMan

回答

相關問題