Изменить размер изображения на слайдере вкладки JQuery

Question

Изменить размер изображения на слайдере вкладки JQuery

0

Я использую точный код из коллекции карусели бутстрапа.

Но у меня меньше изображения, чем указано 1200x440. Как я могу центрировать изображение?

Я попытался добавить встроенный style="display:block" и создать класс и настроить таблицу стилей, но ничего не работает. Каков правильный способ центрировать меньшее изображение, которое я не хочу изменять?

sandboxj 30 нояб. 2016, в 15:13

Источник

3

Добавить код, который вы написали, демонстрирует проблему ...
Dekel 30 нояб. 2016, в 13:58
0

Это буквально тот же код, но я переключил источник изображения на другое изображение. Я попробовал добавить style = "width: 80%; height: 60%; display: block;" и class = "img" и добавили формат таблицы стилей для .img {display: block}
sandboxj 30 нояб. 2016, в 14:01
0

поэтому создайте jsfiddle / snippet с соответствующими изображениями, чтобы мы могли увидеть проблему.
Dekel 30 нояб. 2016, в 14:01
0

Вы не указали, хотите ли вы центрировать изображение по вертикали, по горизонтали или по обоим направлениям. Смотрите ответ ниже для горизонтального выравнивания.
Aus 30 нояб. 2016, в 14:08
0

Спасибо, ответ ниже работал для меня. Если у вас есть время, не могли бы вы объяснить мне, почему display: block was автоматически не помещал img посередине, а то, что поля должны были быть отрегулированы?
sandboxj 30 нояб. 2016, в 14:16

Показать ещё 3 комментария

Теги:

javascript

jquery

twitter-bootstrap

html

css

2 ответа

0

Класс "item" класса div должен иметь следующий стиль:

- Обратите внимание, что это только если вы хотите, чтобы div имел фиксированный размер для всех изображений в карусели -

height: 400px;
width: 1200px;

И img должен иметь:

margin: auto;

Aus 30 нояб. 2016, в 14:06

Ещё вопросы

Добавить код, который вы написали, демонстрирует проблему ...
Это буквально тот же код, но я переключил источник изображения на другое изображение. Я попробовал добавить style = "width: 80%; height: 60%; display: block;" и class = "img" и добавили формат таблицы стилей для .img {display: block}
поэтому создайте jsfiddle / snippet с соответствующими изображениями, чтобы мы могли увидеть проблему.
Вы не указали, хотите ли вы центрировать изображение по вертикали, по горизонтали или по обоим направлениям. Смотрите ответ ниже для горизонтального выравнивания.
Спасибо, ответ ниже работал для меня. Если у вас есть время, не могли бы вы объяснить мне, почему display: block was автоматически не помещал img посередине, а то, что поля должны были быть отрегулированы?

Martin P. · Accepted Answer · 2016-11-30T15-22-00.000Z

Найдите селектор css ".carousel-inner>.item> img,.carousel-inner>.item> a> img" и добавьте следующее объявление:

margin: 0 auto;

Спасибо, это сработало для меня. Если у вас есть время, не могли бы вы объяснить мне, почему display: block was автоматически не помещал img посередине, а то, что поля должны были быть отрегулированы? Извините, я все еще новичок в веб-разработке.