避免图像堆叠在移动网站上

Question

我刚刚开始学习编码，我决定使用squarespace和www.rociodelfa.com来设计我的网站。

我的主要问题是，在我的灵感页面我有一个图片库需要遵循一个有凝聚力的顺序，我想要修复每行的图像数量但是它不一样每一行。

在移动设备上打开时，图像会堆叠在一起。我该如何改变？

Answer 1

检查我附上的代码。

＆＃13;

＆＃13;

Intent alarmIntent = new Intent(currentActivity.getApplicationContext(),     AlarmReceiver.class);
PendingIntent pendingAlarmIntent = PendingIntent.getBroadcast(currentActivity.getApplicationContext(),
            AppManager.ALARM_PENDING_INTENT_REQUEST_CODE,
            alarmIntent,
            PendingIntent.FLAG_CANCEL_CURRENT);

AlarmManager alarmManager = (AlarmManager)currentActivity.getApplicationContext().getSystemService(Context.ALARM_SERVICE);
alarmManager.set(AlarmManager.RTC_WAKEUP,
            interval,
            pendingAlarmIntent);

＆＃13;

* {
   box-sizing: border-box;
}

.wrapper {
  width: 20%; /* Let's assume you want 5 pictures in a row, so 100%/5 = 20% */
  float: left;
  padding: 10px;

  }
.wrapper img {
  width: 100%;
}

＆＃13;

＆＃13;

＆＃13;