Один из вариантов - это абсолютное позиционирование изображения с слева: 50%
, а затем используйте отрицательное поле слева на изображении, равное половине ширины изображения. Конечно, для этого требуется, чтобы у содержащего div
было задано относительное или абсолютное позиционирование, чтобы обеспечить правильный тип контейнера для изображения, которое должно быть абсолютно позиционировано внутри.
Другой вариант (и, вероятно, лучший) вместо этого Чтобы использовать тег изображения, просто установите изображение в качестве фона для родительского div и используйте атрибуты CSS позиционирования фона , чтобы центрировать его. Это не только гарантирует его центрирование без принудительного абсолютного позиционирования, но также автоматически обрезает переполнение, поэтому атрибут переполнения не нужен.
рассмотрите возможность использования изображения в качестве фона;)
используйте background-position, чтобы получить то, что вы хотите.
вам может потребоваться решение javascript для достижения согласованных результатов кроссбраузерности