PhoneGap中文网

标题: label 标签跟控制不在同一行 [打印本页]

作者: yangfan_ydt 时间: 2013-11-13 20:42
标题: label 标签跟控制不在同一行

file:///C:/Users/yangfan_ydt/AppData/Roaming/Tencent/Users/359143988/QQ/WinTemp/RichOle/2%7BE~QNEWW1YS%25Z]CK$%25S6I9.jpg

电脑浏览器拉伸大于原来的1/3时是一行，小于原来的1/3时会成两行同时底下多了一线

css 中加了float:left;也没管用哪位大侠能告诉我这里的css应怎么写才能成一行

作者: yangfan_ydt 时间: 2013-11-13 20:44

豌豆荚截图20131106103132.png (98.29 KB, 下载次数: 819)

作者: yangfan_ydt 时间: 2013-11-13 20:45
<div data-role="fieldcontain">
<label for="txtName"> 登录名: </label>
<input type="text" name="txtName" id="txtName" placeholder="登录名" value="" />
</div>

作者: yangfan_ydt 时间: 2013-11-14 16:51
.ui-field-contain label.ui-input-text ,
.ui-field-contain label.ui-select{ vertical-align: top; display: inline-block; width: 23%; margin: 0 2% 0 0 }
.ui-field-contain input.ui-input-text,
.ui-field-contain textarea.ui-input-text,
.ui-field-contain .ui-input-search,
.ui-field-contain .ui-select,
.ui-field-contain .ui-select,
.ui-field-contain .ui-controlgroup .ui-input-text,
.ui-field-contain div.ui-input-text { width: 65%; display: inline-block; }

作者: yangfan_ydt 时间: 2013-11-14 16:52
解决了改了下css

作者: admin 时间: 2013-11-14 20:10
转换成块元素以百分比显示一下

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)