Удалить пустое пространство между содержимым столбца и краем столбца - PullRequest
Новая
       21

Удалить пустое пространство между содержимым столбца и краем столбца

0 голосов
/ 26 марта 2020 
        <div class="row mt-5 d-flex">
            <div class="col-md-3 p-5 mt-3">
                <img id="image" class="align-self-center" 
                src="background1.jpg" 
                width="80%" height="100%"/>
            </div>   

            <div class="col-md-4 align-self-center">
                <span id="text">
                    text
                </span>
             </div> 

            <div class="col-md-5 background-image">

            </div>
       </div>

Результат: Result Я не знаю, почему там пустое пространство между округленным изображением и концом столбца. Я использую bootstrap. Я поместил границы вокруг div с помощью "col-md- *", чтобы правильно видеть края.

Я пытался установить отступы и поля на 0, но изменений не было. Я думаю, что это должно что-то делать с тегом «img» (я также пытался настроить его для отображения в виде блока).

1 Ответ

0 голосов
/ 27 марта 2020

Проверьте на наличие отступов или полей. обычно bootstrap добавляет эти свойства автоматически с помощью классов col-md - **. Возможно, вам придется переопределить эти классы. Я бы использовал инструмент проверки элементов, чтобы отслеживать их.

...