显示缩略图和文本对齐

Question

这是我的代码：

<div class = "menu-content">
        <ul data-role = "listview" data-inset="true">
            <li data-role = "list-divider">Emergency Menù</li>
            <li>
                <a href="#">
                        <img src="assets/icns/user.png" class = "ui-li-icons" />

                    Add 
                </a>
            </li>
        </ul>
</div>

32x32px的user.png图标ia png文件。我将显示内联缩略图和文本添加。我的问题是，当我将缩略图对齐时，文字保持在最顶层。

Answer 1

尝试使用style =“float：left;”在图像上。

我也把这个班级视为ui-li-icons。您是否正在尝试为ul中的图像创建一个类？

你可以做css之类的：

#menu li img {/*CSS HERE*/} 

#menu是ul。

Answer 2

检查文本上的垂直对齐方式。

vertical-align:baseline
vertical-align:middle

我有时不得不弄乱这些设置以使事情正确对齐。