html - 图像定位在jquery mobile的右上角

Question

我正在开发移动应用程序。我正在尝试将 3 张图片在右下角与文本相邻的位置对齐。请建议我。提前致谢。下面是我的代码

  <div>
 <ul data-role="listview" data-filter="true" data-input="#filterBasic-input" data-icon="false">
  <li class="custom">
   <h3>Week </h3>
   <p class="topic"><a href="#">Sun </a></p>
   <p><a href="#">Mon</a></p>
   <p><a href="#">Tue </a> </p>
    <p class="ui-li-aside"> <span><a href="#"> <img src="images/progressnew.png" alt="download">     </a></span> <span><a href="#"> <img src="images/progressnew.png" alt="download"> </a></span> <span><a   href="#"> <img src="images/progressnew.png" alt="download"> </a></span> </p>
   </li>
   </ul>
   </div>

  <styles>
  .ui-listview .ui-li-aside {
   position: absolute;
   top: 1em;
   right: 0.444em;
   margin:24px;
  text-align: right;
  }
  </styles>

Answer 1

只需添加:

.ui-listview .ui-li-aside span{
       display: block;
}

这会告诉包含图像的 SPANS 显示为 block 元素而不是行内元素。

DEMO