写的jquery页面显示的内容没有边距,内容紧挨着边线,特别难看(如下图)
代码如下:
. 代码如下:
<body>
<form id="form1" runat="server">
<p data-role="page" id="page">
<p data-role="header" data-theme="b">
<h2>新闻内容</h2>
</p>
<p>
<p>
<:image id="newsimage" runat="server" alternatetext="新闻图片" />
</p>
<p>
<asp:label id="lbldetail" runat="server" text="label"></asp:label>
</p>
</p>
<p data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</p>
</p>
</form>
</body>
其实原因特别简单,就是显示的内容没有放在content里边,所以在p里加一个data-role="content"就可以了,修改后的代码如下:
. 代码如下:
<body>
<form id="form1" runat="server">
<p data-role="page" id="page">
<p data-role="header" data-theme="b">
<h2>新闻内容</h2>
</p>
<p>
<p>
<asp:image id="newsimage" runat="server" alternatetext="新闻图片" />
</p>
<p>
<asp:label id="lbldetail" runat="server" text="label"></asp:label>
</p>
</p>
<p data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</p>
</p>
</form>
</body>