jQuery MiniUI

标题: 请问RadioButtonList的选项可以应用样式么？ [打印本页]

作者: hehehaha 时间: 2013-4-25 18:15:32 标题: 请问RadioButtonList的选项可以应用样式么？

RadioButtonList里面的选项会一行排开，可否用类似表格的方式使多行能够对齐呢？我试了width是无效的，请问如何能实现呢？

作者: niko 时间: 2013-4-25 21:18:12

http://www.miniui.com/demo/#src= ... adiobuttonlist.html

repeatItems="2" repeatLayout="table" repeatDirection="vertical"
这几个属性是控制排列的。

作者: hehehaha 时间: 2013-4-26 13:54:30

niko 发表于 2013-4-25 21:18
http://www.miniui.com/demo/#src=radiobuttonlist/radiobuttonlist.html

repeatItems="2" repeatLayout=" ...

非常感谢您的回答，
我是想要这种效果请看图：[attach]1731[/attach]
图一是我的界面，用的RadioButtonList。
请问如何排列成图二那样的对齐方式呢？（所有的选项都按列对齐）

作者: factory 时间: 2013-4-26 15:00:43

hehehaha 发表于 2013-4-26 13:54
非常感谢您的回答，
我是想要这种效果请看图：
图一是我的界面，用的RadioButtonList。

修改下.mini-radiobuttonlist-item 的margin-left吧

作者: hehehaha 时间: 2013-4-26 15:43:47

factory 发表于 2013-4-26 15:00
修改下.mini-radiobuttonlist-item 的margin-left吧

是CSS样式么？好像没什么作用！！

.mini-radiobuttonlist-item {
margin: left;
}

复制代码

麻烦您再看一下。

作者: factory 时间: 2013-4-26 16:05:59

hehehaha 发表于 2013-4-26 15:43
是CSS样式么？好像没什么作用！！麻烦您再看一下。

不是margin: left;

是margin-left:20px;

作者: hehehaha 时间: 2013-4-26 16:24:50

factory 发表于 2013-4-26 16:05
不是margin: left;

是margin-left:20px;

谢谢，我试了一下。但还是不能按列对齐。
请问可否放到table中呢？或以table的形式展现呢？

作者: factory 时间: 2013-4-26 16:54:05

hehehaha 发表于 2013-4-26 16:24
谢谢，我试了一下。但还是不能按列对齐。
请问可否放到table中呢？或以table的形式展现呢？ ...

按列对齐不行，我以为你只需要让每个项间距宽点呢。
你要不设置一个宽一点的间距呢，这样可以模拟一个每一列都对齐

作者: hehehaha 时间: 2013-4-26 16:59:11

factory 发表于 2013-4-26 16:54
按列对齐不行，我以为你只需要让每个项间距宽点呢。
你要不设置一个宽一点的间距呢，这样可以模拟一个每 ...

可以在选项中直接设置么？
<option value="1B">50至60岁</option>

在里面设置 width="150px;"
请问可以么？

作者: factory 时间: 2013-4-26 17:12:02

hehehaha 发表于 2013-4-26 16:59
可以在选项中直接设置么？
50至60岁

miniui的现在只能这样，或者建议你直接使用html原生的radio吧

作者: hehehaha 时间: 2013-4-26 17:22:20

factory 发表于 2013-4-26 17:12
miniui的现在只能这样，或者建议你直接使用html原生的radio吧

好吧我试试。非常感谢您的帮助！

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)