Подпись, не центрирующая изображение - PullRequest
1 голос
/ 20 февраля 2012

У меня есть проблема, которая может быть простой, но я не могу найти решение.

Я управляю своим собственным WordPress и часто добавляю картинки в статьи, которые я публикую, и мне нравитсясосредоточить их.Однако я заметил, что при добавлении подписи к центрированным изображениям они оказывались выровненными по левому краю.Вы можете увидеть пример здесь (первое и второе изображения).

Код изображения «без заголовка и выровненного»:

<p style="text-align: center;">
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949">
        <img class=" size-large wp-image-1949 aligncenter" title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg"alt="" width="391" height="276" />
    </a>
</p>

В то время как «заголовок икод изображения со смещением будет выглядеть следующим образом:

[caption id="attachment_1949" align="aligncenter" width="391" caption="Hildolfr"]
    <a rel="attachment wp-att-1949" href="http://themikal.com/?attachment_id=1949">
        <img class=" size-large wp-image-1949 aligncenter  " title="hildolfr1" src="http://themikal.com/wp-content/uploads/2011/05/hildolfr1-566x400.jpg" alt="" width="391" height="276" />
    </a>
[/caption]

Я попытался добавить <p style="text-align: center;"></p> к коду с заголовком изображения, либо за скобками, либо внутри, но без результатов.

Будет ли кто-то иметьИдея о том, почему он так реагирует? wordpress.stackexchange решил, что это проблема, связанная с css, и поэтому здесь это более актуально.

Я абсолютный новичок в отношении CSS и использую предварительно разработанный код, который я затем сильно изменил,Но я могу дать больше информации о некоторой информации в CSS, если кто-то укажет, где она находится.

Большое спасибо!

1 Ответ

1 голос
/ 20 февраля 2012

Как ни стыдно, я исправил проблему за несколько минут до того, как задал вопрос, не осознавая этого.

В CSS отсутствовали следующие строки:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

Так что он не мог понять, что может означать img class = aligncenter. Добавление строк назад решило проблему.

...