Question

我正在开发移动应用。我正在尝试将右边三个图像一个在另一个下方对齐，并与文本相邻。请建议我。提前致谢。以下是我的代码

  <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包含要显示为块元素而不是内联元素的图像。

<强> DEMO

图像定位在jquery mobile的右上角

1 个答案: