jquery - 在动态创建的 div 中图像旁边的中心文本。jQuery

Question

目前，文本与图像的顶部对齐。有什么方法可以让我向下填充文本，使其与图像的中心对齐？

我添加到 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>')
                )
            )

Answer 1

首先，就像第一条评论说的那样，不需要</img>. img 标签可以自动关闭，因此您可以将其更改为<img class="confirm" src="image.png" alt="" height="30" width="30" />.

您希望使用vertical-align: middle;，但您需要确保包含您的文本的 div 设置为display: inline;or display: inline-block;。

Answer 2

修复了它，并不完美，但它可以工作。刚刚添加了这个 CSS。

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