Центр текста рядом с изображением в динамически созданном div. JQuery

Question

Центр текста рядом с изображением в динамически созданном div. JQuery

0

На данный момент текст выравнивается с верхней частью изображения. Есть ли способ, чтобы я мог наложить текст вниз так, чтобы он был совмещен с центром изображения?

Любое дополнение, которое я добавляю в ui-title, перемещает весь div.

Или мне пришлось бы реструктурировать jQuery для достижения этого?

           pageDiv.append(
                $('<div>').addClass('ui-title').text('hello').append(
                    $('<img class="confirm" src="image.png" alt="" height="30" width="30"></img>')
                )
            )

Daft 07 окт. 2013, в 16:55

Источник

1

Не нужно добавлять </img> ...
Ionică Bizău 07 окт. 2013, в 14:49
0

Пожалуйста, создайте JSFIDDLE с вашим кодом ...
Ionică Bizău 07 окт. 2013, в 14:50

Теги:

jquery

css

2 ответа

0

Исправлено, не идеально, но оно работает. Просто добавил этот CSS.

    .ui-title img{
        margin-top: -5px;
        margin-right: 5px;
    }

Daft 07 окт. 2013, в 12:55

0

Если вы добавите в свой код скрипку, люди могут помочь вам найти лучшее решение. Никто бы не рекомендовал делать это таким образом.
andi 07 окт. 2013, в 14:58

Ещё вопросы

Пожалуйста, создайте JSFIDDLE с вашим кодом ...
Если вы добавите в свой код скрипку, люди могут помочь вам найти лучшее решение. Никто бы не рекомендовал делать это таким образом.

bradcush · Accepted Answer · 2013-10-07T12-57-00.000Z

Прежде всего, как говорится в первом комментарии, нет необходимости в </img>. Теги img могут быть закрыты, поэтому вы можете изменить их на <img class="confirm" src="image.png" alt="" height="30" width="30"/>.

Вы хотите использовать vertical-align: middle; но вам нужно убедиться, что div, содержащий ваш текст, будет display: inline; или display: inline-block; ,

ура, намного лучше, чем мое быстрое решение