Использование slick slider с border?

Question

[Александр Белькевич]

Добрый день. Уже не в первый раз использую slick-слайдер. Насколько я понимаю, он довольно популярный. Столкнулся сейчас с проблемой. У элементов слайдера есть бордеры. Так вот такое ощущение, что высчитывание ширины элемента идет без учета оных, поэтому последний справа бордер заглатывается. Вопрос: как можно эту беду побороть?

Comments

[HamSter]

код прикрепляйте!

Answer 1

[Александр Белькевич]

Да код простой

<div class="info-panel-content-tab-content-items">
<a class="info-panel-content-tab-content-item" href="#">
  <div class="info-panel-content-tab-content-item-delete">
    <div class="ico"></div>
  </div>
  <span class="info-panel-content-tab-content-item-img" href="#"><img src="img/info.jpg" alt="инфо"></span>
  <span class="info-panel-content-tab-content-item-title">Phantom PH1110 с фонарем</span>
  <span class="info-panel-content-tab-content-item-price">8 960 р.</span>
</a>
<a class="info-panel-content-tab-content-item" href="#">
  <div class="info-panel-content-tab-content-item-delete">
    <div class="ico"></div>
  </div>
  <span class="info-panel-content-tab-content-item-img" href="#"><img src="img/info.jpg" alt="инфо"></span>
  <span class="info-panel-content-tab-content-item-title">Phantom PH1110 с фонарем</span>
  <span class="info-panel-content-tab-content-item-price">8 960 р.</span>
</a>
</div>

И таких блоков штук 10 в info-panel-content-tab-content-items
Инициализация идет также просто

$('.info-panel-content-tab-content-items').slick({
        slidesToShow: 8,
        slidesToScroll: 1,
        swipe: false
    });

Answer 2

[Nickass]

Тоже столкнулся с этой проблемой. На сколько я понял это баг этого слайдера, он округляет ширину и получается такой неприятный эффект.

Comments

[Александр Белькевич]

Мне в итоге помог отрицательный margin

[NotLogo]

Александр Белькевич: Подскажите пожалуйста, в вашем примере, вы к чему применяли отрицательный margin?

[NotLogo]

Александр Белькевич: Не могу решить эту проблему на своем примере codepen.io/NotLogo/pen/dvWaqO