当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 解决JQuery显示内容没有边距内容紧挨着浏览器边线

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

2019年05月08日  | 移动技术网IT编程  | 我要评论

写的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>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网