jQuery MiniUI

 找回密码
 立即注册
查看: 9745|回复: 10
打印 上一主题 下一主题

请问RadioButtonList的选项可以应用样式么? [复制链接]

Rank: 4

跳转到指定楼层
楼主
发表于 2013-4-25 18:15:32 |只看该作者 |倒序浏览
RadioButtonList里面的选项会一行排开,可否用类似表格的方式使多行能够对齐呢? 我试了width是无效的,请问如何能实现呢?

Rank: 9Rank: 9Rank: 9

沙发
发表于 2013-4-25 21:18:12 |只看该作者
http://www.miniui.com/demo/#src= ... adiobuttonlist.html

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

Rank: 4

板凳
发表于 2013-4-26 13:54:30 |只看该作者
niko 发表于 2013-4-25 21:18
http://www.miniui.com/demo/#src=radiobuttonlist/radiobuttonlist.html

repeatItems="2" repeatLayout=" ...

非常感谢您的回答,
我是想要这种效果 请看图:
图一是我的界面,用的RadioButtonList。
请问如何排列成图二那样的对齐方式呢?(所有的选项都按列对齐)


附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

地板
发表于 2013-4-26 15:00:43 |只看该作者
hehehaha 发表于 2013-4-26 13:54
非常感谢您的回答,
我是想要这种效果 请看图:
图一是我的界面,用的RadioButtonList。

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

Rank: 4

5#
发表于 2013-4-26 15:43:47 |只看该作者
factory 发表于 2013-4-26 15:00
修改下.mini-radiobuttonlist-item 的margin-left吧

是CSS样式么? 好像没什么作用!!
  1. .mini-radiobuttonlist-item {
  2.                                 margin: left;
  3.                         }
复制代码
麻烦您再看一下。

Rank: 8Rank: 8

6#
发表于 2013-4-26 16:05:59 |只看该作者
hehehaha 发表于 2013-4-26 15:43
是CSS样式么? 好像没什么作用!!麻烦您再看一下。

不是margin: left;

是margin-left:20px;

Rank: 4

7#
发表于 2013-4-26 16:24:50 |只看该作者
factory 发表于 2013-4-26 16:05
不是margin: left;

是margin-left:20px;

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

Rank: 8Rank: 8

8#
发表于 2013-4-26 16:54:05 |只看该作者
hehehaha 发表于 2013-4-26 16:24
谢谢,我试了一下。但还是不能按列对齐。
请问可否放到table中呢?或以table的形式展现呢? ...

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

Rank: 4

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

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

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

Rank: 8Rank: 8

10#
发表于 2013-4-26 17:12:02 |只看该作者
hehehaha 发表于 2013-4-26 16:59
可以在选项中直接设置么?
50至60岁

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

Archiver|普加软件

GMT+8, 2024-11-28 07:28 , Processed in 1.072035 second(s), 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部