0

Сбросил все margin-ы, но небольшой отступ всё равно остаётся из-за чего картинка съезжает на другую строчку. Как это исправить?введите сюда описание изображения

html:

<div class="container">
          <div class="row">
            <ul class="example">
             <li><a href="#" class="blue"><img class="col-4" src="slide1.jpg" /></li></a>
             <li><img class="col-4" src="slide1.jpg" /></li>
             <li><img class="col-4" src="slide1.jpg" /></li>
             <div class="w-100"></div>
             <li><img class="col-4" src="slide1.jpg" /></li>
             <li><img class="col-4" src="slide1.jpg" /></li>
             <li><img class="col-4" src="slide1.jpg" /></li>
            </ul>
          </div>
         </div>

css:

ul.example{
  display: block;
  margin: 0px;
  padding: 0px;
}
ul.example li {
    display: inline;
    height: 500px;
  }
  .example img{
    height: 500px;
    margin: 0;
    padding: 0;
  }
li{
    list-style-type: none;
    overflow-y: hidden;
}
2
  • Попробуйте добавить в CSS - ul.example {font-size:0;}
    – UModeL
    Commented 27 февр. 2019 в 12:00
  • @UModeL, Да. Всё сработало
    – Pashok
    Commented 27 февр. 2019 в 12:02

1 ответ 1

0
img {
float:left;
}
  

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀

1
  • 1
    добро пожаловать на Stack Overflow на русском! пожалуйста, постарайтесь оставлять чуть более развёрнутые ответы. дополнить ответ можно, нажав править Commented 14 июл. в 10:56

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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