The jquery page that is written has no margins, the content is next to the browser line, and is particularly ugly (as shown below)
The code is as follows:
Copy Code code as follows:
<body>
<form id= "Form1" runat= "Server" >
<div data-role= "page" id= "page" >
<div data-role= "header" data-theme= "B" >
</div>
<div>
<div>
<asp:image id= "Newsimage" runat= "server" alternatetext= "News picture"/>
</div>
<div>
<asp:label id= "Lbldetail" runat= "Server" text= "Label" ></asp:Label>
</div>
</div>
<div data-role= "Footer" data-theme= "D" >
</div>
</div>
</form>
</body>
In fact, the reason is particularly simple, that is, the contents of the display is not placed in the content inside, so in the div riga a data-role= "content" on it, the revised code is as follows:
Copy Code code as follows:
<body>
<form id= "Form1" runat= "Server" >
<div data-role= "page" id= "page" >
<div data-role= "header" data-theme= "B" >
</div>
<div>
<div>
<asp:image id= "Newsimage" runat= "server" alternatetext= "News picture"/>
</div>
<div>
<asp:label id= "Lbldetail" runat= "Server" text= "Label" ></asp:Label>
</div>
</div>
<div data-role= "Footer" data-theme= "D" >
</div>
</div>
</form>
</body>
