yangfan_ydt 发表于 2013-11-13 20:42:31

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:25

yangfan_ydt 发表于 2013-11-13 20:45:29

<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:59

.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:38

解决了改了下css

admin 发表于 2013-11-14 20:10:14

转换成块元素以百分比显示一下
页: [1]
查看完整版本: label 标签跟控制不在同一行