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;
}