0

Как сделать,чтобы последняя картинка прижалась к краю слайдера, как первая ? Потому что расстояние между кнопками переключения слайдов разная получается. Хотел использовать display:flex и justify-content: space-between , но что-то не удалось применить.

введите сюда описание изображения

$('.multiple-items').slick({
  infinite: true,
  slidesToShow: 4,
  slidesToScroll: 4,
  dots:true
});
	
body{
  background-color: #555;
}

.multiple-items{
  max-width: 1140px;
  margin: auto;
}
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css"> 


  <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  
    <div class="multiple-items">
      <div><img src="https://picsum.photos/263/250?random=1" alt=""></div>
      <div><img src="https://picsum.photos/263/250?random=2" alt=""></div>
      <div><img src="https://picsum.photos/263/250?random=3" alt=""></div>
      <div><img src="https://picsum.photos/263/250?random=4" alt=""></div>
      <div><img src="https://picsum.photos/263/250?random=5" alt=""></div>
      <div><img src="https://picsum.photos/263/250?random=6" alt=""></div>
      <div><img src="https://picsum.photos/263/250?random=7" alt=""></div>
      <div><img src="https://picsum.photos/263/250?random=8" alt=""></div>
      
      
    </div>
  

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.1.0/jquery-migrate.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
  <script src="js/main.js"></script>
</body>

</html>

3
  • Просто задай изображению 100% ширину внутри блока, а если тебе нужны отступы между изображениями сделай их сам но уже контролируй их сам
    – Yamich
    9 сен 2019 в 9:51
  • @SergeiDimitriev так а если по макету ширина у фото не 100%, а должна быть такая, как она есть , то как быть ?
    – Vladislove
    9 сен 2019 в 17:04
  • @PeterSmith Сделай обертку у изображения контролируй оберткой ширину или если уж ты хочешь оставлять размер по живому фото(что не стоит делать потому что если фото будет больше оно просто вылезет за приделы блока). можешь сделать так img {margin: 0 auto;}
    – Yamich
    9 сен 2019 в 19:31

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Посмотрите другие вопросы с метками или задайте свой вопрос.