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

内容摘要
写的JQuery页面显示的内容没有边距，内容紧挨着浏览器边线，特别难看（如下图） 代码如下： 复制代码 代码如下: <body> <form id="form1" runat="server"> <div data-role="page" id
文章正文
写的JQuery页面显示的内容没有边距，内容紧挨着浏览器边线，特别难看（如下图）
 
代码如下：
复制代码 代码如下:

<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>

<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>

<div data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</div>
</div>
</form>
</body>

其实原因特别简单，就是显示的内容没有放在content里边，所以在div里加一个data-role="content"就可以了，修改后的代码如下：
复制代码 代码如下:

<body>
<form id="form1" runat="server">
<div data-role="page" id="page">
<div data-role="header" data-theme="b">
<h2>新闻内容</h2>
</div>

<div>
<div>
<asp:Image ID="newsImage" runat="server" AlternateText="新闻图片" />
</div>
<div>
<asp:Label ID="lblDetail" runat="server" Text="Label"></asp:Label>
</div>
</div>

<div data-role="footer" data-theme="d">
<h4>餐饮咨询</h4>
</div>
</div>
</form>
</body>
代码注释
上一篇Win7系统计算机属性打不开怎么办？Win7系统计算机属性打不开的解决方法下一篇自己写了一个php检测文件编码的函数

作者：喵哥笔记

IDC笔记

学的不仅是技术，更是梦想！