jQuery mobile：页面按钮的位置

我有以下标记（以及下面显示的结果显示）。jQuery mobile：页面按钮的位置

我希望Prev和Next按钮分别放在靠近左侧（如现在）和右侧边缘的位置。

中间按钮（这可能会更改为文本）在中间。

我尝试了几乎所有常用的技术，如text-align:rightright:5px等，但没有成功。

任何人都可以建议我一个可靠的跨浏览器通过CSS做到这一点？

<ul data-role="listview" data-inset="true"> 
       <li data-role="list-divider"> Cars</li> 
       <li><a href="acura.html">Acura</a></li> 
       <li><a href="audi.html">Audi</a></li> 
       <li><a href="bmw.html">BMW</a></li> 
       <li data-role="list-divider"> 

        <a href="index.html" data-role="button" data-inline="true" data-mini="true" data-icon="arrow-l">Prev</a> 
        <a href="index.html" data-role="button" data-inline="true" data-mini="true">1 of 2</a> 
        <a href="index.html" data-role="button" data-inline="true" data-mini="true" data-icon="arrow-r" data-iconpos="right">Next</a> 

       </li> 
      </ul>

enter image description here

这里你可以看到一个活生生的例子：http://www.jsfiddle.net/yyshf

来源

2012-08-16 siva636

你有一个活生生的例子地方？ – Kyle 2012-08-16 07:40:55

对不起，这项工作仍在我的本地主机中。:-) – siva636 2012-08-16 07:43:46

如果我明白你的意思，你可以静静地飘浮在锚和保证金添加到最右边的两个锚：

http://jsfiddle.net/yyshf/1/

li.list-divider a 
{ 
    float left; 
} 

li.list-divider a + a 
{ 
    margin-left: 33%; 
}

请记住，使用jQuery手机CSS，您必须将CSS添加到底部。您可能还需要向这些锚点添加类以更具体地选择它们，否则可能会在您的移动网站中混淆其他内容。

来源

2012-08-16 07:56:29 Kyle

但是在输出中，按钮（锚点）没有出现在同一级别？ – siva636 2012-08-16 09:03:13

在我的例子中，他们是不是在你的实际项目？ – Kyle 2012-08-16 09:07:03

我更喜欢左边的第一个按钮，右边的第二个按钮，右边的第二个按钮，都在同一个水平上 - DUKE刚刚编辑 – siva636 2012-08-16 09:25:42

您应该添加到<li data-role="list-divider">（其中包含的按钮上），以下样式：text-align: right;

见http://jsfiddle.net/wF5qa/1/

来源

2012-08-16 09:09:24 bodi0

但它技术将所有3个按钮移到右边。（我更喜欢左边的第一个按钮，右边的第二个和第三个按钮） – siva636 2012-08-16 09:24:47

jQuery mobile：页面按钮的位置

回答

相关问题