Выровнять изображение по центру

@Anlen · Регистрация: 24.07.2013

Студворк — интернет-сервис помощи студентам

Добрый день!
Есть такой код:

HTML5
1
2
3
4
5
6
7
<div id="wrap" style="border:1px solid #000; top:0px;z-index:9999;position:relative;width: 195px;height: 195px;">
    <a href="http://www.joy2all.ru/images/product_images/popup_images/152_1.jpg" title="Тумба напольная 40 Vodok" class="cloud-zoom" rev="group1" id="zoom1" rel=" adjustX: 0, adjustY:0, position:'inside'" style="position: relative; display: block;width: 195px;height: 195px;">
          <img src="http://www.joy2all.ru/images/product_images/original_images/152_1.jpg" alt="Тумба напольная 40 Vodok" width="195" style="display: block;width: 195px;">
    </a>
    <div class="mousetrap" style="background-image: url(http://www.joy2all.ru/); z-index: 999; position: absolute; width: 195px; height: 64px; left: 0px; top: 0px; cursor: pointer;">
    </div>
</div>

Скажите, пожалуйста, как можно выровнять img по центру #wrap?

@SF · 02.12.2013, 23:00

CSS
1
margin: 0 auto;

@Зачем · 02.12.2013, 23:09

img это строчно-бочный элемент, поэтому маргин не работает. ставь у wrap text-align:center или превращай img в блочный и margin: auto;

@Academik · 03.12.2013, 01:04

Сообщение от Зачем

маргин не работает

Работает там всё.

@Зачем · 03.12.2013, 16:12

Сообщение от 35cm

Работает там всё.

я имел ввиду, что у строчно-блочного элемента не работает margin:auto;( о чём речь и шла ), а обычный маргин канешна работает

@Academik · 04.12.2013, 17:19

Сообщение от Зачем

у строчно-блочного элемента не работает margin:auto;

А преобразовать в блочный элемент религия не позволяет?

@Taatshi · 05.12.2013, 10:51

Комментарий модератора

Зачем, у нас на форуме разговаривать в таком тоне не принято. Предупреждение.

Тема почищена.

@Зачем · 05.12.2013, 19:21

Комментарий модератора

Уважительно относитесь к другим участникам форума.

Добавлено через 3 часа 53 минуты
за што маё сбщение пчистил? оно вплне нрмальнае. всего лишь написал, что нужно читать предыдущие мои посты, чтобы не возникало тупых вопросов!!!

Добавлено через 16 минут

Сообщение от 35cm

А преобразовать в блочный элемент религия не позволяет?

а твой сухой мозг не позволяет додуматься прочитать мои предыдущие посты?

@Academik · 05.12.2013, 19:31

Сообщение от Anlen

Скажите, пожалуйста, как можно выровнять img по центру #wrap?

Допишите свойство margin: 0 auto; в атрибут style

HTML5
1
<img src="http://www.joy2all.ru/images/product_images/original_images/152_1.jpg" alt="Тумба напольная 40 Vodok" width="195" style="display: block;width: 195px; margin: 0 auto;">

Сообщение от Зачем

а твой сухой мозг не позволяет додуматься прочитать мои предыдущие посты?

Зачем мне читать твои предыдущие посты, если они не соответствуют реальности? Какой строчно-блочный элемент если картинку преобразовали в блочный?

Не по теме:

Если от всех вокруг воняет говном, быть может это ты обосрался?
(С) Mr. Freeman

@Зачем · 05.12.2013, 19:41

Сообщение от 35cm

А преобразовать в блочный элемент религия не позволяет?

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

@Academik · 05.12.2013, 19:44

Ты уже начинаешь вилять из стороны в сторону. Я в первом сообщении дал понять, что работает там margin: 0 auto;
Научись признавать свои ошибки. Перечитай все посты ещё раз и всё поймёшь.

@Зачем · 05.12.2013, 19:50

Сообщение от 35cm

Допишите свойство margin: 0 auto; в атрибут style

HTML5
1
<img src="http://www.joy2all.ru/images/product_images/original_images/152_1.jpg" alt="Тумба напольная 40 Vodok" width="195" style="display: block;width: 195px; margin: 0 auto;">

Зачем мне читать твои предыдущие посты, если они не соответствуют реальности? Какой строчно-блочный элемент если картинку преобразовали в блочный?

мой пост был о строчно-блочном элементе и как его лучше центрировать, а не о коде выше

Добавлено через 2 минуты

Сообщение от 35cm

Ты уже начинаешь вилять из стороны в сторону. Я в первом сообщении дал понять, что работает там margin: 0 auto;
Научись признавать свои ошибки. Перечитай все посты ещё раз и всё поймёшь.

нет сынок, у имг не работает маргин авто т.к. это строчно-блочный элемент

@Taatshi · 05.12.2013, 22:42

Комментарий модератора

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

Тема почищена

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@Зачем -6 / 1 / 0 Регистрация: 03.01.2013 Сообщений: 55
	02.12.2013, 23:09
	img это строчно-бочный элемент, поэтому маргин не работает. ставь у wrap text-align:center или превращай img в блочный и margin: auto; 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	05.12.2013, 19:44
	Ты уже начинаешь вилять из стороны в сторону. Я в первом сообщении дал понять, что работает там margin: 0 auto; Научись признавать свои ошибки. Перечитай все посты ещё раз и всё поймёшь. 0