Наложение границы непосредственно на край изображения

#html #css #border #padding

#HTML #css #граница #заполнение

Вопрос:

У меня есть изображение и граница в нижней части div, который его содержит. Проблема в том, что я хочу, чтобы граница проходила непосредственно по нижнему краю изображения. Вместо этого, кажется, внизу есть какое-то естественное заполнение, от которого я хочу избавиться. Как я могу это сделать?

Ответ №1:

Вам нужно настроить выравнивание изображений по вертикали сверху в вашем CSS 🙂

 img { vertical-align: top /* can be baseline */ }
  

Надеюсь, это поможет!

Ответ №2:

Чтобы наложить границу на изображение

 img{
 border:1px solid #000;
}
  

Пожалуйста, поделитесь своим кодом, чтобы решить проблему с заполнением.

Ответ №3:

Почему бы вам не применить границу непосредственно к тегу IMG вместо его контейнера DIV?