爲什麼在jquery mobile中添加字段時會有空間不同？

我在彈出的屏幕中添加字段。實際上，我在添加字段時遇到了有關空格的問題？檢查請按（+）按鈕彈出顯示案例名稱標籤和文本字段與日期字段中只有一行不同。但是，當我添加文本區域標籤和文本區域字段沒有空間。如何添加空間，使它看起來不錯。爲什麼在jquery mobile中添加字段時會有空間不同？

my jsFiddle

<div data-role="page" id="Home" > 
     <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" > 
      <h1 class="ui-title" id="hdr" style="text-align:left;margin-left: 100px;">My Cases</h1> 
      <div class="ui-btn-right" id="headerButtons" data-role="controlgroup" data-type="horizontal"> 
       <a href="#UserSettingScreen" data-transition="none" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gear" data-theme="b" id="Setting" data-rel="popup" data-position-to="window">Setting</a> 
       <a href="#CaseInformationScreen" data-transition="none" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="popup" id="Add" data-position-to="window">Add</a> 
       <a href="" data-role="button" data-transition="none" data-inline="true" data-theme="b" data-rel="popup"id="Edit" data-position-to="window">Edit</a> 
      </div> 
     </div> 

     <div data-role="content"> 

      <ul data-role="listview" data-inset="true" id="folderData" > 
      </ul> 
      <!-- **************Case Information Pop up Start*******************--> 
      <div data-role="popup" id="CaseInformationScreen" data-close-btn="none" data-overlay-theme="a" data-dismissible="false"> 
       <div data-role="header" data-theme="b" > 

        <a href="#" data-role="button" data-corners="false" id="Cancel">Cancel</a> 
        <h1>Case Information</h1> 
        <a href="#" data-role="button" data-corners="false" id="AddButton">Add</a> 
       </div> 

       <div data-role="content"> 
        <div><img src="img/Documents.png"/></div> 
        <div data-role="fieldcontain"> 
         <label for="text-12" style="text-align:top;margin-left: 0px;">Case Name:</label> 
         <input name="text-12" id="text-12" value="" type="text" class="caseName_h" > 
        </div> 
        <div data-role="fieldcontain"> 
         <label for="text-12" style="text-align:left;margin-left: 0px;" >Case Date:</label> 
         <!--input name="text-12" id="text-12" value="" type="date" class="caseDate_h" --> 
         <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true}'/> 
        </div> 
        <div data-role="fieldcontain"> 
         <label for="textarea-12">Textarea:</label> 
         <textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h"></textarea> 
        </div> 
       </div> 
      </div> 


    </div> 
    </div>

來源

2013-07-29 Neetu sharma

那是因爲你沒有用戶界面，輸入文字類添加到標籤 '多行文本：'

<label for="textarea-12" class="ui-input-text">Textarea:</label>

http://jsfiddle.net/jDKDW/2/

來源

2013-07-29 10:47:52

你可以不理解我問題..實際上問題是，在caseName標籤和下面的文本字段之間只有一個行區別，並且只有一行之間的差異在caseDate標籤和低於文本字段但TextArea和TextAreaField（他們是調節） –

此答案的任何更新沒有行差異？ –

我現在已經用你想要的更新了答案。 –

爲什麼在jquery mobile中添加字段時會有空間不同？

回答

相關問題