欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解决JQuery显示内容没有边距内容紧挨着浏览器边线

程序员文章站 2022-07-08 20:10:54
写的jquery页面显示的内容没有边距,内容紧挨着边线,特别难看(如下图)   代码如下: . 代码如下:

写的jquery页面显示的内容没有边距,内容紧挨着边线,特别难看(如下图)
解决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>