JQuery Mobile Controlgroup Width

时间:2012-09-14 20:39:34

标签: css jquery-mobile

我只是用jquery-mobile来弄湿我的脚......

我想创建一个宽度为100%的控制组,并且该组内部有一个70%宽度的左按钮和一个30%但没有运气的右按钮。以下是我尝试过的内容:http://jsfiddle.net/bykB8/

我将不胜感激。

感谢。

2 个答案:

答案 0 :(得分:1)

请看一下这个链接:Info

它说:

通过将data-type =“horizo​​ntal”属性添加到控制组容器,您可以交换到一个水平样式的组,该组将并排浮动按钮并将宽度设置为仅大到足以容纳内容。

因此,如果您想重新调整大小,请使用<a>代替<buttons>。 然后你可以给你的链接样式。

看看这个小提琴:Fiddle

您会注意到此演示中的宽度为70%29%。那是因为两个按钮都有边框。它涵盖了一些宽度。如果您希望宽度适合70%30%,设置border:none;这两个元素。 :)

Demo 70% and 30%

答案 1 :(得分:0)

最简单的解决方案是添加一行CSS:

.ui-controlgroup-horizontal .ui-controlgroup-controls { display: block !important; }

然后只需将控制组的宽度设置为100%。

Fiddle