jquery mobile Label and input not on the same line

2014-03-19 18:35:19

我正在用jquery mobile做一个webapp,期间遇到了一个问题,就是lable和input不显示在同一行。因为通常lable和input默认各占一行,所以需要寻找解决的办法。

首先我使用了fieldcontain属性:

这个属性成功的让lable和input显示在同一行,然而高兴的太早了,问题接着来了,因为在pc浏览器正常大小下虽然没问题,但考虑到移动设备浏览窗口并没有那么大,测试时发现当屏幕尺寸小于480px时lable和input又会分居两行。然而移动设备的屏幕尺寸并不止于480px,虽然移动设备向着大屏进军,但仍然有128px、320px的。所以得找到新的解决办法。

使用fieldcontain后屏幕大于480px时正常显示

QQ图片20140319222856

使用fieldcontain后屏幕小于480px时lable和input仍然在两行

QQ图片20140319222922

我发现也有好多人遇到同样的问题,但都没有解决,看到一位朋友给出的办法是自定义css样式

@media (max-width: 480px)

QQ图片20140319221715

但我测试过后并没有达到预期目的,不知道这个方法正确否,可能我的发法不对,大家可以自行测试~

国内的论坛没找到更多方法,同学告诉我看看国外社区,于是转战谷歌搜索,发现了很多新的方法,虽然大多不能用,但国外的回答度远高于国内,所以以后转战于国外技术社区。

找到的解决办法是用table。

QQ图片20140319222331

label in a td and input in a td,这就可以让jquery mobile的lable和input在屏幕小于480px时能显示在同一行的办法,lable放一行,input放一行。

看乌克兰加入俄罗斯

美欧针对俄罗斯合并克里米亚的举动迄今只实施了力度有限的制裁,有人呼吁美国应拿出当年苏联入侵阿富汗后的那种对抗勇气,但也有人说美国的财力已今非昔比。 美国《华盛顿邮报》网站3月18日刊登了一篇观点文章,题为《奥巴马的决心能阻挡住普京的西进吗?》。文章说,普京在乌克兰问题上现在手里有很多牌。他可以诉诸直接威胁、武装渗透或心理战。就像在叙利亚化学武器危机事件中一样,普京有可能让奥巴马在外交上宣布胜利的同时吞下战略失败的苦果。文章说,西方虽然在经济、军事和意识形态方面远比俄罗斯有力量,但在实际行动中却没能表现出这一点。奥巴马政府拒绝了乌克兰政府向美国寻求紧急军事援助的要求。 文章说,如果普京坚持走对抗路线,西方将需要向乌克兰政府提供长期军事援助。无论是欧洲国家对俄罗斯实施油气制裁,还是加强俄罗斯周边北约成员国的军事力量,都将面临高昂的代价和巨大的困难。但如果普京继续其挑衅行为,西方的这些行动将变得不可避免。文章最后呼吁奥巴马像当年苏联入侵阿富汗后的卡特总统那样,拿出对抗的勇气来。卡特当年的做法包括,召回美国驻苏联大使、对苏联实施谷物禁运、切断对苏联的技术转让以及开始向阿富汗反抗势力提供援助等。 美国福克斯新闻网3月17日的报道说,各方呼吁美国政府对俄罗斯威胁要合并克里米亚的行动做出迅速而严厉的反应,奥巴马总统周一因此签署命令,对普京核心集团里的七个人实施制裁,但制裁对象不包括普京本人。报道说,立即有人批评说奥巴马此举不足以让普京改弦更张。美国参议员麦凯恩敦促美国政府向乌克兰提供军事援助。他说,奥巴马总统在声明中竟然未提及向乌克兰提供军事援助,这让人难以置信。 报道援引美国智库华盛顿近东政策研究所Michael Singh的话说,美国应该尽快对俄罗斯实施一些它原本可能不准备那么快就推出的制裁措施,如对俄罗斯的国防工业和其他寡头实施制裁。他认为美国目前对俄实施制裁方面显得磨磨蹭蹭,美国应该采取更大胆、

军博一行人等

应近代史老师的要求,我等男女各五六人等前往军事博物馆参观。任务之余,游玩嬉戏,不胜欢喜,却是后话。 先是参观各种作战兵器: 103330" title="" /> 103433" title="" /> 103553" title="" /> 103942" title="" /> 104122" title="" /> 104206" title="" /> 104712" title="" /> 105005" title="" /> 105112" title="" /> 105532" title="" /> 105705" title="" /> 105725" title="" /> 之后是毛主席用兵真如神的史料记载: 111354" title="" /> 111626" title="" /> 111735" title="" /> 111755" title="" /> 111929" title="" /> 111935" title="" /> 112353" title="" /> 112416" title="" /> 113122" title=