作者willy69wu31 (小小吴)
看板Web_Design
标题[问题] 让表格的某两栏保持一样宽度
时间Sun Mar 24 12:26:24 2013
先附上连结：
http://jsfiddle.net/NZ96z/
目前正在制作一项测验的登入画面，
不过在「学校的下拉选单」和「座号的下拉选单」宽度就变得不一样，
应该是因为性别栏切割成两个 radio 造成的，而且我没有指定储存格的宽度。
表格是 4 栏 3 列，「学校文字」一栏，「学校的下拉选单」一栏，以此类推。
本问题不考虑手机浏览，仅考虑一般电脑，因为测验媒体已经是设计好的 Flash XD
想请问大家，有没有比较适当的方式，可以让两边的下拉选单那两栏保持一样宽度？
假设方式 1. 直接指定该两栏 td 的宽度为几 %
好像没有效。
假设方式 2. 直接指定该两栏 td 的宽度为几 px 或几 pt
不过我希望这个网页在不同宽度视窗的情况下都维持最大化表格。
假设方式 3. 把这个表格改用 div float:left/right 做
还没试过，但事先推测这方法应该也达不到我要的效果。
假设方式 4. 把性别的 radio 改用下拉选单
不过这样会让使用者需要多点一下才能选好性别。
请问有其他的方式吗？还是必须利用 js 处理？谢谢回答。
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 163.24.254.38
感谢，这个方式有效，另外您好像还有额外修正其他东西，非常感谢。
2F：推 EROS4:假设方式1无效有可能是没有指定table宽度 03/24 13:07
下午突然就试不出来为什麽中午发现方法 1 无效 orz
我当时只对那两栏设宽度，其他栏没设。
※ 编辑: willy69wu31 来自: 163.24.254.38 (03/24 16:54)