изображение центрируется по вертикали в div

  • Автор темы Elementallion
  • 34
  • Обновлено
  • 17, May 2024
  • #1
Привет. Я использую начальную загрузку. И у меня есть этот код:
 <nav class="navbar navbar-default">

<div class="container-fluid">

<div class="navbar-header">

<a class="navbar-brand" href="#">

<img alt="Бренд" src="images/logo.png">

</a>

</div>

</div>

</nav>
HTML: это пример начальной загрузки. http://getbootstrap.com/components/#navbar-brand-image

В этом примере изображение центрируется по вертикали на панели навигации. Но когда я использую этот код, мое изображение не центрируется по вертикали. Может ли кто-нибудь мне помочь? есть ли какие-то особые соображения по поводу изображения?

Elementallion


Рег
04 Mar, 2014

Тем
1

Постов
2

Баллов
12
  • 18, May 2024
  • #2
В примере изображение бренда определенно слева… если только вы не смотрите на что-то другое. В любом случае попробуйте это: .navbar { положение: относительное; } .navbar-бренд { позиция: абсолютная; слева: 50%; Margin-left:-50px!important;/* 50% ширины вашего логотипа */ дисплей: блок; }
 

Лилия3


Рег
27 Aug, 2015

Тем
0

Постов
2

Баллов
2
Тем
49554
Комментарии
57426
Опыт
552966

Интересно