如何让jquery移动控制组宽度100％？

我正在使用jquery mobile进行演示……我想让localnav的宽度为100％…但我不知道该怎么做…这里的代码……

 
111
 
222
 
333
  

帮帮我…谢谢……

Answer 1

这就是我做的。 工作得很好。

CSS：

HTML：

 
 
 Home Page Log Out 
  

结果：

Answer 2

看一下JQuery Mobile的导航栏虽然它通常用在页眉/页脚中，但它可以在其他地方使用。 它将生成一个包含按钮的全宽条。

  
 
 
Button1
 
Button2
 
Button3
 
  

Answer 3

不确定为什么要尝试将

包装为控制组。 但是你可以使用以下方法获得全宽度ControlGroup：

 
 111 222 333  

在CSS中，将宽度平均分配在元素的数量中：

 a{width:33%;} 

示例jsfiddle： http ： //jsfiddle.net/pAuqm/1/

如果你想继续基于

的结构; 你可以使用以下CSS的全宽度控制组：

 li{ display: inline; } a{width:33%;} 

示例jsfiddle： http ： //jsfiddle.net/pAuqm/3/

Answer 4

我正在使用网格来执行此操作，还有一个额外的css规则：

 .ui-controlgroup-horizontal > div > .ui-btn { width: 99% }​​​​​​​​​ 

我这样做的原因是这样的标记：

 
 
 Cancel 
   

通过jquery转换为这样的标记（在Chrome或Firebug中检查它）：

  
 
 
  Cancel  Cancel 
 
   

正如你所看到的，我们希望100％宽的.ui-btn位于ui-block-a （或ui-block-b ， ui-block-c等）中，我们的水平控制组获得了class .ui-controlgroup-horizontal ，因此规则： .ui-btn .ui-controlgroup-horizontal的divs子.ui-controlgroup-horizontal .ui-btn子.ui-controlgroup-horizontal （几乎）100％。 我停止了100％，因为这会为我的右手按钮上的圆角。 通过在顶级类上使用.ui-controlgroup-horizontal ，而不是（比如） ui-grid-a ，此规则适用于不同的网格大小。