Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Listview 在列表项上显示多个图标_Listview_Jquery Mobile_Icons - Fatal编程技术网

Listview 在列表项上显示多个图标

Listview 在列表项上显示多个图标,listview,jquery-mobile,icons,Listview,Jquery Mobile,Icons,如何在列表项上放置多个图标 我特别想把它们放在列表项右侧箭头的左侧 我尝试在 任何帮助都将不胜感激。以下是我的尝试。您可以使用一些绝对定位CSS和包装器div,如下所示: <li> <a href="#"> Test <div class="rightImages right1"> <img src="http://lorempixel.com/22/22/technics/1/" /

如何在列表项上放置多个图标

我特别想把它们放在列表项右侧箭头的左侧

我尝试在



任何帮助都将不胜感激。以下是我的尝试。

您可以使用一些绝对定位CSS和包装器div,如下所示:

<li>
    <a href="#">
        Test
        <div class="rightImages right1">
            <img src="http://lorempixel.com/22/22/technics/1/" />
        </div> 
        <div class="rightImages right2">
             <img src="http://lorempixel.com/22/22/technics/2/" />                       
        </div> 
    </a>
</li>
额外的包装DIV有助于垂直居中。根据实际图像大小,需要调整right1和right2类

这是您最新的

<li>
    <a href="#">
        Test
        <div class="rightImages right1">
            <img src="http://lorempixel.com/22/22/technics/1/" />
        </div> 
        <div class="rightImages right2">
             <img src="http://lorempixel.com/22/22/technics/2/" />                       
        </div> 
    </a>
</li>
.rightImages {
    position: absolute;
    display: inline;
    top: 0px;
    bottom: 0px;
}
.right1 {
    right: 58px;
}
.right2 {
    right: 86px;
}
.rightImages img {
    position: absolute;
    margin: auto;
    bottom: 0; left: 0; top: 0; right: 0;
}